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

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

我使用以下JS来实现这一点：

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

我用了这把小提琴的一个例子：

这在通过点击和拖动滚动条向下滚动页面时效果很好，但是当我用鼠标滚轮滚动时，图像会跳跃很多，一点也不平滑

我做了大量的研究，并尝试了以下解决方案：

但是，我的实现无法实现这一点。我已经尝试了几个jquery库来实现平滑滚动，但也没能让它们正常工作

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

这还不是答案，但我注意到，大量windows机器都配有滚轮，可以逐行“单击”页面

我不确定这是否是你所面临的问题，但所有这些美丽的视差效果在昂贵的鼠标和那些超级平滑的苹果轨迹板和鼠标上都能很好地工作，但在普通的windows鼠标上却突然发抖，看起来很糟糕。

这还不是答案但是我注意到很多windows机器都有滚轮，可以一行一行地“点击”页面

---

我不确定这是否是你所面临的问题，但所有这些美丽的视差效果在昂贵的鼠标和那些超级平滑的苹果轨迹板和鼠标上都能很好地工作，但在普通的windows鼠标上突然发抖，看起来很糟糕。

有很多jquery平滑滚动插件可以完成这项工作，例如，（查看他们的演示）有很多jquery平滑滚动插件可以完成这项工作，例如，（查看他们的演示）