视差滚动 - 使用鼠标滚轮时跳转

时间:2014-12-01 23:46:57

标签: jquery parallax.js

我遇到了视差滚动的问题。当鼠标滚轮使用时,它开始跳跃,它看起来在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>

如果有人可以帮助我,因为我已经寻找答案但却无法找到答案。

提前致谢

1 个答案:

答案 0 :(得分:1)

这是一个已知的问题...用鼠标检查铬上的任何视差点,它会跳跃。 有一种似乎对我有用的解决方法: 使用NiceScroll插件,因此您实际上不使用默认滚动...

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

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