JQUERY 判断是否到达浏览器底部

最新推荐文章于 2021-02-27 03:38:50 发布

强生！

最新推荐文章于 2021-02-27 03:38:50 发布

阅读量337

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/u011643449/article/details/96842324

版权

Jquery 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

$(function(){
    reachBottom();  //防止页面内容很短的情况
});

$(window).scroll(function(){
    reachBottom();
});

function isBottom() {
    var scrollTop = $(this).scrollTop();
    var scrollHeight = $(document).height();
    var windowHeight = $(this).height();
    if(scrollTop + windowHeight == scrollHeight){
        return true;
    }
    return false;
}
var ISBOTTOM = false;
function reachBottom() {
    var bottom = isBottom();
    console.log(bottom);
    if(bottom){
        ISBOTTOM = true;
        $("#footer_touch").animate({bottom:0},200);
    }
    if(ISBOTTOM && !bottom){
        ISBOTTOM = false;
        $("#footer_touch").animate({bottom:"-100px"},200);
    }
}