捕获“向下滚动”事件？

Question

我正在设计一个非常简单的网页（仅限 HTML），我想要实现的唯一“功能”是在用户向下滚动页面时做一些事情，有没有办法以某种方式捕获该“事件”？

原文由 Artemix 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

为了完整起见，还有另一个使用另一个 JS 框架（Mootools）的解决方案

window.addEvent('scroll',function(e) {
    //do stuff
});

原文由 stecb 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

如果您不想使用 jQuery（对于非常简单的 HTML 页面，您可能不会这样做），您可以使用常规 Javascript 来完成此操作：

 <script>
function scrollFunction() {
    // do your stuff here;
}

window.onscroll = scrollFunction;
</script>

你提到当他们向下 滚动 页面时你想做一些事情 - onscroll 事件触发任何方向的滚动，在 x 轴或 y 轴上，所以你的函数将在他们滚动时被调用。

如果你真的希望它只在他们向下滚动页面时运行你的代码，你需要保留以前的滚动位置以便在调用 onscroll 时进行比较。

原文由 Anthony Grist 发布，翻译遵循 CC BY-SA 2.5 许可协议