在scrollTop中触发JS / jQuery动作

Question

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

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

方案如下：页面最初通过AJAX加载项目列表并进行渲染。如果用户尝试向上滚动越来越多（并且不停止在顶部位置滚动），则应调用“加载新项目”操作。

如何实现？

Answer 1

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