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

标签 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>

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

提前致谢

最佳答案

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

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

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

关于jquery - 视差滚动 - 使用鼠标滚轮时跳跃,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/27239481/

相关文章:

jquery - 使用 jQuery 检测 iPad 上的滚动仅在滚动停止时有效

javascript - 更新动态 JSON 键名

php - 将自然语言日期/时间值解析为格式化的日期/时间字符串

jquery - 全屏 slider 主页上的视差

javascript - parallax.js + js 淡入/淡出 = 第一个 <li> 之后没有欢乐

jquery - 在 jQuery 函数中的类之前添加标签

php - 由于JQuery Ajax Post导致的500内部服务器错误

jekyll - jekyll可以支持视差效果吗?

javascript - 响应式设计——根据媒体查询修改图像旋转

html - parallax.js - 链接不可点击和光标 : pointer not working