首页 > 代码库 > 检测页面滚动到底部
检测页面滚动到底部
原理是:
滚动高度 + 页面高度 = 页面滚动总高度
代码如下:
//文档的总高度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‘); }});
检测页面滚动到底部
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。