JS判断是否到达页面底部

Posted HESHIMEI

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS判断是否到达页面底部相关的知识,希望对你有一定的参考价值。

<script type="text/javascript">
//判断整个文档到底部
$(window).scroll(function(){
    //滚动条所在位置的高度
    totalheight = parseFloat($(window).height()) + parseFloat($(window).scrollTop());
    //当前文档高度   小于或等于   滚动条所在位置高度  则是页面底部
    if(($(document).height()) <= totalheight) {
        //页面到达底部
    }
});

//判断某个盒子到底部
//加载分页的排行
$(‘#showRankbox‘).scroll(function(){
    var $this = $(this)
    totalheight = parseFloat($this.height()) + parseFloat($this.scrollTop());
    if($this.find(‘ > ul‘).height() <= totalheight+2) {
        rankPage++;
        //到达底部加载更多列表
    }
})
</script>

以上是关于JS判断是否到达页面底部的主要内容,如果未能解决你的问题,请参考以下文章

js判断滚动条是否到达底部

iframe 到达页面底部

jQuery判断滚动条是上滚还是下滚,且是否到达底部或顶部

jQuery检测滚动条(scroll)是否到达底部

scrollTop 未完成到页面底部

当用户到达页面底部时关闭弹出菜单