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

Question

我有一个带有标题图像的网站，试图与之一起使用视差效果。

我正在使用以下JS来完成此任务：

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

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

通过单击并拖动滚动条向下滚动页面时效果很好，但是当我用鼠标滚轮滚动时，图像会跳转很多并且根本不会平滑。

我已经做了大量研究，并尝试了以下解决方案： Javascript-使用鼠标滚轮平滑视差滚动

但是，我无法使用我的实现。 我已经尝试了多个jquery库来实现平滑滚动，但也无法使其正常运行。

有没有一种方法可以使鼠标滚轮的行为与我通过单击并拖动滚动条进行手动滚动的行为相同？

Answer 1

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

我不确定这是否是您要面对的问题，但是所有这些美丽的视差效果在昂贵的鼠标以及那些超光滑的Apple触控板和鼠标上都能很好地发挥作用，但是突然摇晃起来，在普通的Windows鼠标上看起来很糟糕。