检测页面的滚动结束[重复]

Posted

技术标签:

【中文标题】检测页面的滚动结束[重复]【英文标题】:Detect scroll end for a page [duplicate] 【发布时间】:2016-05-25 06:59:54 【问题描述】:

我有一个位置为fixedtop:96.9% 的div。我需要在页面到达结尾时处理这个div(即当页面无法进一步向下滚动时)。如何检测页面滚动是否已结束?我这样做了:

if( ($(window).scrollTop() + $(window).height()) == $(document).height()) 
   // No more scroll!

有没有更好的检测方法?

【问题讨论】:

【参考方案1】:

var pixelsBelow = $(window).scrollHeight - $(window).clientHeight - $(window).scrollTop; if (pixelsBelow > 10) ...

10 是一个倾斜因子;即使仍有一些像素看不见,您通常也希望触发“底部”事件。

【讨论】:

以上是关于检测页面的滚动结束[重复]的主要内容,如果未能解决你的问题,请参考以下文章

uniapp监听页面滚动结束的解决方法

检测页面滚动到底部

如何制作圆形页面? (当滚动到页面内容的末尾时,页面将内容的开头添加到底部等等)

如何使用 PDFkit 检测滚动到 PDF 中的另一个页面

检测页面上的滚动方向 - 更新上一个值

检测用户的意图是点击还是在触觉设备上向上/向下滚动页面