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

Question

在这里，我们重新创建了Nike Better World页面：

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

在Firefox上它看起来非常好，因为Firefox有平滑（ish）滚动。

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

这里我们有一个wordpress主题：

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

它在所有浏览器上看起来都很棒，因为（显然）设计师以某种方式改变了滚轮行为，并且页面移动得足够慢以至于视差是动画而不是粗糙。

他们是怎么做到的？

更广泛地说，应该这样做？我不喜欢覆盖用户体验这样一个基本方面的想法，但我也不喜欢几乎任何非Firefox浏览器上的视差。

Answer 1

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

似乎比实际尝试标准化浏览器滚动速度更简单。