最佳答案
这种效果称为视差。
以下是与此效果相关的一些链接:
- Nike 的精彩演示 http://www.nike.com/jumpman23/aj2012/
- 一组视差http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design (确保看到每个例子,有些真的很棒!例如:http://benthebodyguard.com/index.php http://www.siebennull.com/ http://janploch.de/)
- Mercedez A 级网站 http://a-class.mercedes-benz.com/com/en/index.html#!/?s=live (不是真正的视差,但仍然很棒)
- 关于如何使用视差效果制作图像 slider 的教程 http://tympanus.net/codrops/2011/01/03/parallax-slider/
- 另一个不同效果的教程http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/
- 做视差的库 https://github.com/cameronmcefee/plax
- 另一个图书馆 https://github.com/markdalgleish/stellar.js
你可能还喜欢这个:
关于javascript - 我怎样才能实现这种背景滚动效果?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/10269209/