我在哪里能研究到关于“滚动到页面”的信息？

Question

我发现了一个我非常喜欢的网站功能。对于前端web开发，我仍然是相当新的，我找不到任何关于滚动技术是如何使用这里的信息。

这是我感兴趣的“逐页”滚动，我所需要的只是这个技术的名称，这样我就可以进行研究和自学了。

谢谢!

Answer 1

我不知道这个“页面对页面滚动”效果的名称，但是当您在页面的开头滚动时，桌面灯上使用了一个视差效应。

另外，执行“页面对页面滚动”效果的库是fullPage.js，它位于：https://github.com/alvarotrigo/fullPage.js

您可以在SO上看到以下相关问题：如何实现此背景滚动效果？和差动滚动？

编辑:引用我自己从链接的帖子得到完整的答案：

• 来自耐克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 (不是真正的视差，但仍然很棒)
• 如何使用视差效应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

你也可能喜欢这样：

• http://johnpolacek.github.com/scrollorama/
• http://joelb.me/scrollpath/

Answer 2

这是最新的网页设计技术，叫做

视差滚动

• 有了像HTML5和CSS3这样的新技术，在浏览器中创造出更先进、更有趣和更显着的效果就变得可能了。
• 目前的一个大的网页设计趋势是视差滚动，它涉及到背景以较慢的速度移动到前台，在页面向下滚动时创造了3D效果。

有用的链接

• 维基
• 简单教程
• 46个视差滚动网站的例子