今天发生了一个电子商务网站Harrods.com。我认为他们使用的滚动效果（非移动网站）非常酷。内容和背景似乎以不同的速率滚动。滚动时，导航选择器也会移动到相应的类别下。
我试图通过他们的来源弄清楚他们是怎么做的，但没有任何运气。我看到他们在homeImages变量中加载了背景图像，但从未发现它在脚本中使用过。这是纯粹用CSS完成的吗？我可以搜索这个效果的名称吗？
答案 0 :(得分：2)
您可能会发现视差滚动很有帮助。在Google中搜索它，你会找到关于这个主题的各种教程。
@RobertHarvey提供的有用链接http://prinzhorn.github.io/skrollr/
答案 1 :(得分：2)
他们使用的效果称为Parallax。
这是一个JS驱动的特殊效果，让您将滚动速率附加到页面上的各个元素。
根据您的需要，有一些流行的Parallax库：
Stellar.js 这个库是基于jQuery的，它支持水平＆amp;垂直滚动。它还为iOS移动设备提供了实验支持。
Parallax-JS 这个库也依赖于jQuery，但它的功能可能稍微简单一些，并且更容易实现。
jparallax 同样是jQuery驱动，类似于Parallax-JS，但提供了一些调整效果的选项。
Super Scroll Orama 这也是一个jQuery插件（感知主题吗？）这个滚动效果库专门针对动画，并提供了很酷的选项。
如果您想要更多信息，请查看list of tutorials/libraries。