javascript - jQuery 窗口滚动事件。每滚动 XX 像素

Question

我正在为一个项目使用出色的 jQuery Reel 插件 ( http://jquery.vostrel.cz/reel )。我想绑定(bind)到窗口滚动事件，所以当用户向下滚动页面时，插件前进 1 帧，也就是说每滚动 10 像素，如果用户向上滚动，动画就会反转。

该插件有一些方法，我可以毫无问题地将值传递给它，而且我知道如何绑定(bind)到窗口滚动事件。我正在挣扎的是最后一个。

我如何使用 jQuery/JavaScript 表示在任何垂直方向上每滚动 10 个像素在动画中前进 1 帧？我知道我可以将窗口滚动存储在一个变量中，但我不确定每次它达到 10 的倍数时如何提前一帧。

非常感谢。

编辑

感谢以下用户的帮助，我制定了解决方案。如下:

$(window).scroll(function()
{
    windowScrollCount   = $(this).scrollTop();
    animationFrame      = Math.round(windowScrollCount / 100);
});

所以在这里我在 windowScrollCount 中获取滚动距离，将其转换为 animationFrame 中的帧并使用 .reel("frame", animationFrame) 将其设置回来；我实际上是每 100 帧执行一次，因为每 10 帧太快了。

Answer 1

感谢 codef0rmer 和 noShowP 的帮助，我制定了一个解决方案。如下:

$(window).scroll(function()
{
    windowScrollCount   = $(this).scrollTop();
    animationFrame      = Math.round(windowScrollCount / 100);
});

所以在这里我在 windowScrollCount 中获取滚动距离，将其转换为 animationFrame 中的帧并使用 .reel("frame", animationFrame) 将其设置回来；我实际上是每 100 帧执行一次，因为每 10 帧太快了。