js滚动条触碰底部触发的事件

最新推荐文章于 2024-02-01 09:43:25 发布

原创最新推荐文章于 2024-02-01 09:43:25 发布 · 802 阅读

1 ·

CC 4.0 BY-SA版权

前端专栏收录该内容

213 篇文章

订阅专栏

本文介绍了一种使用JavaScript监听滚动条触底的方法，通过计算滚动条距离页面底部的距离来判断是否触底，适用于无限滚动或加载更多场景。

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

var minAwayBtm = 100;  // 距离页面底部的最小距离	 
window.addEventListener("scroll",function(e){
   var awayBtm = $(document).height() - $(window).scrollTop() - $(window).height();
    if (awayBtm <= minAwayBtm) {
    	console.log("滚动条触底了")
    }
});