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

Parallax image very choppy when scrolling

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

要观看直播,请转至此页面并向下滚动至网站底部...

My Parallax image

我正在使用这个插件:

The parallax plugin I am using

我希望它像本例中那样平滑:

http://www.autopoint.com/products

他们的图像具有 3d 效果和向下滚动时看起来不一样有什么区别 "choppy"。

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

根据您上面的评论,我发现您的页面在使用滚动条时滚动良好,但使用滚轮时会出现颠簸。

放松。滚轮中的制动器会导致页面在圆圈中的每个 "click point" 处滚动设定的距离。每个 "click" 的行数可以调整,但这样做不是一个好主意,除非你想要非常慢的滚动。

关键是,没有任何方法可以调整页面,使您的用户使用滚轮体验流畅的滚动。 (虽然我不得不说,使用我的罗技蓝牙鼠标我根本看不到任何颠簸。)

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

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

silk-scroll

希望对您有所帮助!