Jak uzyskać efekt wywoływania efektu przewijania?

Question

Istnieje strona http://lamoulade.com/#!/home z efektem pseudo-animacji, która pojawia się, gdy użytkownik przewija. Gdybym mógł uzyskać kilka wskazówek na temat tego, co jest używane, aby osiągnąć to, aby popchnąć mnie we właściwym kierunku badań, byłbym bardzo wdzięczny. góry dzięki

Answer 1

Rzecz szukasz nazywa parallax Effect

Niektóre paralaksy tutoriale:

• http://webdev.stephband.info/parallax.html
• http://www.ianlunn.co.uk/blog/code-tutorials/jquery-vertical-parallax-background/
• http://www.richardshepherd.com/smashing/parallax/background.html
• http://coding.smashingmagazine.com/2011/07/12/behind-the-scenes-of-nike-better-world/
• http://www.netmagazine.com/tutorials/building-parallax-scrolling-storytelling-framework
• http://www.webdesignshock.com/one-page-website/
• http://www.ianlunn.co.uk/demos/recreate-nikebetterworld-parallax/
• http://www.franckmaurin.com/the-parallax-effects-with-jquery/

jQuery paralaksy wtyczki:

• http://webdev.stephband.info/parallax.html
• http://jonraasch.com/blog/scrolling-parallax-jquery-plugin
• https://github.com/davecranwell/jQuery-scroll-parallax
• http://www.davecranwell.com/content/jquery-scroll-parallax-plugin

Niektóre dalsze przykłady naprawdę ładnych miejsc paralaksy, widok źródła i zobaczyć co oni:

• http://www.ok-studios.de/home/
• http://www.nikebetterworld.com/about
• http://www.laurentiuswonen.com/jaarverslag2010/
• http://www.nintendo.com.au/gamesites/mariokartwii/
• http://2011.beercamp.com/
• http://www.beetle.com/
• http://activatedrinks.com/
• http://www.culturalsolutions.co.uk/
• http://kalendiar.lenm.cz/
• http://www.davegamache.com/sandbox/best-of-2010/
• https://victoriabeckham.landrover.com/INT

Taken From Dobra odpowiedź od DBUK