检测页面滚动到底部

原理是:

滚动高度 + 页面高度 = 页面滚动总高度

代码如下:

//文档的总高度
function getScrollHeight(){
  var scrollHeight = 0, bodyScrollHeight = 0, documentScrollHeight = 0;
  if(document.body){
    bodyScrollHeight = document.body.scrollHeight;
  }
  if(document.documentElement){
    documentScrollHeight = document.documentElement.scrollHeight;
  }
  scrollHeight = (bodyScrollHeight - documentScrollHeight > 0) ? bodyScrollHeight : documentScrollHeight;
  return scrollHeight;
}
//浏览器视口的高度
function getWindowHeight(){
  var windowHeight = 0;
  if(document.compatMode == "CSS1Compat"){
    windowHeight = document.documentElement.clientHeight;
  }else{
    windowHeight = document.body.clientHeight;
  }
  return windowHeight;
}
$(window).on('scroll', function(){
    if ($(this).scrollTop() + getWindowHeight() == getScrollHeight()) {
        $('#cardLoader').show();
        $(window).off('scroll');
    }
});

 

posted @ 2016-09-27 17:08  周截棍的双杰伦  阅读(276)  评论(0编辑  收藏  举报