js页面滑到底部触发事件

来源:互联网 发布:unix网络编程卷2 编辑:程序博客网 时间:2024/06/14 20:43
function getScrollTop(){  var scrollTop = 0, bodyScrollTop = 0, documentScrollTop = 0;  if(document.body){    bodyScrollTop = document.body.scrollTop;  }  if(document.documentElement){    documentScrollTop = document.documentElement.scrollTop;  }  scrollTop = (bodyScrollTop - documentScrollTop > 0) ? bodyScrollTop : documentScrollTop;  return scrollTop;}//文档的总高度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.onscroll = function(){  if(getScrollTop() + getWindowHeight() == getScrollHeight()){   moreReconmend();//console.log("getScrollTop:"+getScrollTop()+"**getWindowHeight:"+getWindowHeight()+"**getScrollHeight:"+getScrollHeight())  }};