JQuery实现浏览器的滚动条滚动到底部后加载数据

最新推荐文章于 2022-10-31 21:05:25 发布

糖薪砖

最新推荐文章于 2022-10-31 21:05:25 发布

阅读量695

点赞数 1

CC 4.0 BY-SA版权

分类专栏： JQuery JavaScript

本文链接：https://blog.youkuaiyun.com/tangxinzhuan/article/details/52193205

JavaScript 同时被 2 个专栏收录

9 篇文章

订阅专栏

JQuery

6 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听滚动事件的方法，当用户滚动到页面底部时触发特定操作。通过获取滚动条位置、可视区域高度及内容总高度来判断是否已到达底部，并给出示例代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

$(window).scroll(function(){
	
	var scrollTop = $(this).scrollTop();		// 滚动条Y轴滚动的距离
	var windowHeight = $(this).height();		// 可视区域的高度
	var scrollHeight = $(document).height();	// 整个内容的高度
	
	if(scrollTop + windowHeight == scrollHeight){
		alert('已经到浏览器底部了，这时你可以做你需要的业务了');
	}
});