首页 > 代码库 > 检测页面滚动到底部

检测页面滚动到底部

原理是:

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

代码如下:

//文档的总高度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‘);    }});

 

检测页面滚动到底部