javascript - 如何检测已到达可滚动元素的末尾？

Question

我在列表中显示 10 个 wordpress 帖子标题，然后是一个“加载更多”按钮，用于加载接下来的 10 个结果。

当到达该列表的可滚动父项的末尾时，我将如何自动触发该按钮（让我们将其设为 javascript 事件）？

是否可以检测滚动条的位置，或屏幕上最后一个列表项的可见性？什么是最失败的证明方法？

谢谢你们的提示和技巧！

PS我不使用jQuery，所以不需要建议使用它的解决方案:)。

Answer 1

您可以通过使用此处定义的函数scroll监听事件监听器来检查页面/元素向下滚动多远https://stackoverflow.com/a/4638434/1615483（实际上并不依赖于 jQuery）myElm.addEventListener('scroll',scrolled,false);