Javascript scrollTop时激发的JS/jQuery操作

Javascript scrollTop时激发的JS/jQuery操作,javascript,jquery,scroll,Javascript,Jquery,Scroll,这个问题纯粹是出于可用性目的 如果问题的标题不是很清楚,我很抱歉。这不是关于当页面滚动到顶部时如何启动操作(不是很难),而是关于当用户滚动到顶部并不断尝试滚动更多页面时如何启动操作(顶部) 场景如下:页面最初通过AJAX加载项目列表并呈现它们。如果用户试图越来越多地向上滚动到顶部(并且不要停止在顶部位置滚动),则应调用“加载新项目”操作 如何做到这一点?您可能认为加载更多项目div位于窗口顶部上方。但是网站正在做的是:他们在位置y=0px上创建一个div,也就是说y=30px。当他们显示页面时,

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

如果问题的标题不是很清楚,我很抱歉。这不是关于当页面滚动到顶部时如何启动操作(不是很难),而是关于当用户滚动到顶部并不断尝试滚动更多页面时如何启动操作(顶部)

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


如何做到这一点?

您可能认为加载更多项目div位于窗口顶部上方。但是网站正在做的是:他们在位置y=0px上创建一个div,也就是说y=30px。当他们显示页面时,他们会自动滚动到y=30px。因此人们会看到普通页面,现在当用户向上滚动时(当然这是可能的,因为他在y=30px上),他会看到“加载更多项目”div,你可以很容易地检查“加载更多项目”div是否在当前视口中可见,因为它是页面的一部分,如果是这样,则触发事件以加载更多项目,在这个函数的回调中,你可以再次滚动到y=30px。

那么你想要一个在顶部而不仅仅是底部工作的无限滚动吗?@Barmar是的,我想要这样的东西。事实上,这只是针对新项目(非常有限,而不是无限)。这是一个非常好的方法,但可能没有平板电脑/智能手机的“发布刷新”那么理想。你可能会认为其他应用程序可能会有不同的工作方式,这也是我首先想到的,但在与许多开发人员交谈后,我发现他们都是这样创建函数的:)当然也可能有其他解决方案,但从我所看到的,这是一种“众所周知”的方法。顺便说一句,用JavaScript编码可以创建奇特的反弹效果和幻灯片效果:)@hiro,忘了在评论中标记你的名字,所以你可能没有收到通知:)无论如何,如果你有更多的问题,请告诉我