javascript - 视差滚动和浏览器滚动距离。

Question

这里我们重建了 Nike Better World 页面:

http://ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/

在 Firefox 上，它看起来非常好，因为 Firefox 具有平滑的滚动功能。

在我尝试过的所有其他浏览器(Safari、Opera、IE、Chrome)上，它看起来不太好，因为所有这些浏览器一次滚动半个屏幕。有时很难判断视差实际上是对这些浏览器的故意影响。

这里我们有一个 WordPress 主题:

http://themespectrum.com/parallax-demo/

它在所有浏览器上看起来都很棒，因为(显然)设计者以某种方式改变了滚轮行为，并且页面移动得足够慢，使得视差是动画的而不是厚实的。

他们是怎么做到的？

更广泛地说，应该这样做吗？我不喜欢这种超越用户体验的基本方面的想法，但我也不喜欢视差在除 Firefox 之外的几乎所有浏览器上的外观。

Answer 1

哈，可能已经解决了，他们将其用于 WordPress 主题上的自定义滚动条:https://github.com/inuyaksa/jquery.nicescroll

似乎是一个比实际尝试标准化浏览器滚动速度更简单的解决方案。