码迷,mamicode.com
首页 > Web开发 > 详细

JS判断是否到达页面底部

时间:2017-12-25 16:58:48      阅读:221      评论:0      收藏:0      [点我收藏+]

标签:asc   pos   float   scrolltop   滚动条   func   blog   滚动   parse   

<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判断是否到达页面底部

标签:asc   pos   float   scrolltop   滚动条   func   blog   滚动   parse   

原文地址:http://www.cnblogs.com/heshimei/p/8109922.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!