javascript - 滚动时视差图像非常不稳定

标签 javascript jquery html css parallax

我在我的网站上添加了视差图像,但至少可以说,它看起来很不稳定。每当我向下滚动页面时,它都不会像我想要的那样提供 3d 效果。

要实时查看此内容,请转至此页面并向下滚动至网站底部...

My Parallax image

我正在使用这个插件:

The parallax plugin I am using

我希望它像这个例子中那样平滑:

http://www.autopoint.com/products

他们的图像具有 3d 效果和向下滚动时看起来不“断断续续”有什么区别?

我知道这个问题有点宽泛,但我只是在寻找一些想法,了解我为什么这样做,或者是否有人有任何其他类型的插件可以帮助我解决问题。

最佳答案

大多数广泛使用的网络浏览器都没有内置平滑的鼠标滚轮滚动功能(例如 Google Chrome)。网络上有很多脚本也可以创建这种效果;

这是我创建的跨浏览器、响应迅速且易于使用的平滑滚动脚本,我个人非常喜欢使用它:

silk-scroll

希望对您有所帮助!

关于javascript - 滚动时视差图像非常不稳定,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34997362/

相关文章:

javascript - 对链接中的每个单词应用首字下沉

javascript - Firefox 和 IE 中用于文本和密码输入的 html 占位符属性

javascript - 如何使用调试器运行 javascript 测试;声明?

javascript - 当我们触发父级调整div大小时,如何调整子div的大小

javascript - Ajax返回数据jquery中不重复内容

javascript - Nivo Slider 在 Chrome 和 Safari 中有问题

html - 左/右浮动时如何计算位置

javascript - 使用 Material UI 和 React 的动态头像

javascript - 使用 key 唯一标识每个元素并将 props 更改为 ReactJS 中的该元素

javascript - 使用 Jquery 显示来自 API 的 JSON 数据 - 显示未定义