视差滚动 - 使用鼠标滚轮时跳跃答案

【问题标题】：parallax scrolling - jumps when used mouse scroll wheel视差滚动 - 使用鼠标滚轮时跳跃
【发布时间】：2014-12-01 23:46:57
【问题描述】：

我遇到了视差滚动问题。当使用鼠标滚轮时，它开始跳跃，它在 chrome 上看起来很糟糕，在 IE 中跳跃很少，但在 Firefox 中很好。

这是site的链接。

我用于视差的代码是

 <script>
var topDiv = document.getElementById("topDiv");
var speed = 1.5;

window.onscroll = function()
{
    var yOffset = window.pageYOffset;
    topDiv.style.backgroundPosition = "center "+ (yOffset / speed) + "px";
        scrolling = true;
}

</script>

如果有人可以帮助我，因为我一直在寻找答案但无法找到。

提前致谢

【问题讨论】：

标签： jquery parallax.js

【解决方案1】：

这是一个已知问题...用鼠标检查 chrome 上的任何视差站点，它会跳转。有一个似乎对我有用的解决方法：使用 NiceScroll Plugin 所以你实际上不使用默认滚动...

我在这里使用它： http://www.xboxeventsus.com/

这里是 nicescroll 插件的链接： http://areaaperta.com/nicescroll/

【讨论】：