javascript - 我在哪里可以研究有关此进展 'scroll to page' 的信息

Question

我发现了一个我非常喜欢的网站功能。我对前端 Web 开发还很陌生，我找不到任何关于使用什么滚动技术的信息 here .

我感兴趣的是“页面到页面”滚动，我只需要技术的名称，这样我就可以研究和自学。

谢谢!

Answer 1

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

此外，执行“页面到​​页面滚动”效果的库是 fullPage.js，它位于此处:https://github.com/alvarotrigo/fullPage.js

您可以在 SO 上查看相关问题:How can I achieve this background scroll effect?和 Differential scrolling?

编辑:从链接的帖子中引用我自己以获得完整答案:

• a great demo from Nike http://www.nike.com/jumpman23/aj2012/
• a collection of parallax http://webdesignledger.com/inspiration/21-examples-of-parallax-scrolling-in-web-design (make sure to see each example, some are really great ! ex: http://benthebodyguard.com/index.php http://www.siebennull.com/ http://janploch.de/)
• Mercedez Class A web site http://a-class.mercedes-benz.com/com/en/index.html#!/?s=live (not really parallax but still great)
• a tutorial on how to make an image slider using parallax effect http://tympanus.net/codrops/2011/01/03/parallax-slider/
• another tutorial with different effects http://tympanus.net/codrops/2012/03/15/parallax-content-slider-with-css3-and-jquery/
• a library to do parallax https://github.com/cameronmcefee/plax
• another library https://github.com/markdalgleish/stellar.js

You may also like this:

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