Es gibt diese Seite http://lamoulade.com/#!/home mit sauberen Pseudo-Animation-Effekt, der beim Scrollen des Benutzers eintritt. Wenn ich ein paar Hinweise darauf bekommen könnte, was gebraucht wird, um das zu erreichen, nur um mich in die richtige Forschungsrichtung zu bringen, wäre ich sehr dankbar. Vielen Dank im VorausWie bekomme ich diese scrollen - ausgelöste Wirkung
5
A
Antwort
2
Das, was Sie parallax Effect
Einige Parallaxe Tutorials genannt suchen ist:
- 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 Parallaxe Plugins:
- 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
Einige weitere Beispiele für wirklich schöne Parallaxe Websites, Quelltext anzeigen und sehen, was sie verwendet:
- 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 Gute Antwort von DBUK
+0
Danke Leute, das wird mich in die richtige Richtung bringen. Hab einen schönen Abend. –
Verwandte Themen
- 1. Wie kann ich Transform3D Wirkung
- 2. Wie bekomme ich diese Taste auf NSWindow
- 3. Wie bekomme ich diese XAML von app.xaml
- 4. Wie bekomme ich diese Schaltflächen inline?
- 5. wie bekomme ich diese bitarbeit in pdo
- 6. Warum bekomme ich diese System.NullReferenceException?
- 7. Wie bekomme ich horizontales Scrollen mit dem div-Element?
- 8. Wie bekomme ich den Div-Positionswert beim Scrollen?
- 9. Wie bekomme ich ein div-Hintergrundbild zum scrollen?
- 10. Wie bekomme ich beim Scrollen meine Sidebar nach oben?
- 11. Ich bekomme diese JavaScriptSerializer.Deserialize Exception, wie kann ich es beheben?
- 12. Warum bekomme ich diese "Endlosschleife" auf Klasseneigenschaften?
- 13. Weiß jemand, warum ich diese IllegalMonitorStateException bekomme?
- 14. Java - Warum bekomme ich diese NullPointerException?
- 15. Ich bekomme diese Ausnahme: Ungelöste Kompilierungsprobleme
- 16. Android: Warum bekomme ich diese AsyncTask Error?
- 17. Warum bekomme ich diese Neudefinition von Klassenfehlern?
- 18. Warum bekomme ich diese Ausgabe von NodeJS?
- 19. Fokus-ausgelöste Scrolling von UICollectionView deaktivieren
- 20. Wie bekomme ich IP von ContainerRequestContext JERSEY 2.1? diese
- 21. Wie bekomme ich diese Leiste in Safari auf iOS 6?
- 22. Wie bekomme ich diese rekursive Regel zu arbeiten?
- 23. Wie bekomme ich diese Eclipse zurück? Exit Code = 13 Fehler?
- 24. Wie bekomme ich diese horizontal mit css nebeneinander ausrichten?
- 25. Wie bekomme ich diese beiden Controller für ionische Anwendungen zusammen?
- 26. php - Wie bekomme ich diese seltsame "leere Trennzeichen" Nachricht
- 27. Warum erhalte ich eine ausgelöste Ausnahme, wenn ich Response.Redirect() ausführe?
- 28. ich bekomme einen Fehler, wenn ich versuche, diese URL umzuschreiben
- 29. Kann ich mehrere ausgelöste Ausnahmen in einer Testmethode testen?
- 30. Warum bekomme ich NaN, wenn ich diese Fakultät Funktion anrufe?
Ich glaube, das ist, was Sie suchen, ein Tutorial mit ein paar verschiedenen Methoden. Er nennt es "Parallax", was Ihnen helfen könnte, das zu finden, wonach Sie suchen. http://www.html5rocks.com/en/tutorials/speed/parallax/ –
Dieser SO-Thread [Scrollbar-Position ändern] (http://stackoverflow.com/q/1247874/137626) sollte Ihnen für die grundlegendsten JS helfen beteiligt. – FelipeAls
http://api.jquery.com/scroll/ – JimmyRare