jQuery窗口滚动事件.滚动每个XX像素

Question

我正在使用优秀的jQuery Reel插件(http://jquery.vostrel.cz/reel)进行项目.我想绑定到窗口滚动事件,所以当用户向下滚动页面时,插件前进1帧,例如每10px滚动一次,如果用户向上滚动动画则反转.

该插件有方法我可以传递值没有问题,我知道如何绑定到窗口滚动事件.我正在努力的是最后一次.

我如何使用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帧就要快.