使用鼠标滚轮滚动时，jQuery 视差图像不平滑

Question

我有一个带有标题图像的网站，我正在尝试使用视差效果。

我正在使用以下 JS 来完成此操作：

    $(window).scroll(function() {
       var scrolledY = $(window).scrollTop();
       $('#container').css('background-position', 'left ' +  ((scrolledY)) + 'px');
});

我使用了这个小提琴的一个例子： http://jsfiddle.net/QN9cH/1/

这在通过单击并拖动滚动条向下滚动页面时效果很好，但是当我用鼠标滚轮滚动时，图像会跳动很多，而且一点也不流畅。

我进行了大量研究并尝试了以下解决方案： Javascript - Smooth parallax scrolling with mouse wheel

但是，我无法在我的实现中使用它。我已经尝试了几个 jquery 库来实现平滑滚动，但也无法让它们正常工作。

有没有一种方法可以让我使用鼠标滚轮进行滚动，就像我通过单击并拖动滚动条手动滚动一样？

Answer 1

这不是一个答案（还），但我注意到大量的 Windows 机器都带有滚轮，可以逐行“点击”页面。

我不确定这是否是您面临的问题，但所有那些漂亮的视差效果都非常适合昂贵的鼠标以及那些超级流畅的 Apple 触控板和鼠标，但随后突然颤抖并且在股票窗口上看起来很糟糕老鼠。