scrollTop 时触发 JS/jQuery 动作

Question

这个问题纯粹是出于可用性目的。

如果问题的标题不是很清楚，我很抱歉。这不是关于当页面滚动到顶部时如何触发动作（不是很难），而是关于当用户滚动到顶部并不断尝试滚动更多（顶部）时如何触发动作。

场景如下：页面最初通过 AJAX 加载项目列表并呈现它们。如果用户尝试越来越多地向上滚动到顶部（并且不要在顶部位置停止滚动），则应调用“加载新项目”操作。

如何实现？

Answer 1

您可能认为加载更多项目的 div 位于窗口顶部。但是网站正在做什么：他们在位置 y = 0px 上创建一个 div，假设 y = 30px。当他们显示页面时，他们会自动滚动到 y=30px。所以人们会看到正常的页面，现在当用户向上滚动时（这当然是可能的，因为他在 y=30px 上）他会看到“加载更多项目”div，您可以轻松检查“加载更多项目”是否div 在当前视口中是可见的，因为它是页面的一部分，如果是，则触发事件以加载更多项目，在此函数的回调中，您可以再次滚动到 y=30px。