js判断页面到底部
需求:
用js判断html页面是否滚动到最底部了,当页面到达底部时候触发加载数据的操作,实现思路:window加上一个滚动监听,然后再判断滚动条是否到达底部,下面是代码的实现。
原生js实现:
function bottomVisible() {
return document.documentElement.clientHeight + window.scrollY >= (document.documentElement.scrollHeight || document.documentElement.clientHeight)
}
window.onscroll=function(){
let isBottom=bottomVisible();
if(isBottom){
console.log("到底了!")
}
}jquery的实现:
$(window).scroll(function(){
if($(this).scrollTop()+$(this).height()==$(document).height()){
console.log("到底了!");
}
});本文内容仅供个人学习、研究或参考使用,不构成任何形式的决策建议、专业指导或法律依据。未经授权,禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载,请保留原文来源信息,不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持!