使用鼠标滚轮滚动时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机器都带有滚轮，在页面下逐行点击＃34;

我不确定这是否是您所面临的问题，但所有这些美丽的视差效果对于昂贵的老鼠和那些超级光滑的Apple触控板和鼠标非常有效，但随后突然发抖并且看起来很糟糕股票窗口鼠标。