需求：

用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("到底了！");
	}
});

本文内容仅供个人学习/研究/参考使用，不构成任何决策建议或专业指导。分享/转载时请标明原文来源，同时请勿将内容用于商业售卖、虚假宣传等非学习用途哦～感谢您的理解与支持！

链接: https://fly63.com/article/detial/10855