C'è questo sito http://lamoulade.com/#!/home con un accurato effetto di pseudo-animazione che si attiva quando l'utente sta scorrendo. Se potessi ottenere alcuni suggerimenti su ciò che viene utilizzato per conseguire tale risultato, solo per spingermi nella giusta direzione di ricerca, sarei molto grato. Grazie in anticipoCome ottengo questo effetto attivato da scroll
5
A
risposta
2
La cosa che stai cercando è chiamato parallax Effect
Alcuni tutorial di parallasse:
- 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 plugin di parallasse:
- 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
Alcuni altri esempi di veramente bello siti di parallasse, vista origine e vedere che cosa hanno usato:
- 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 Buona Risposta da DBUK
+0
Grazie ragazzi, questo mi metterà nella giusta direzione. Buona serata. –
Problemi correlati
- 1. Navigazione cassetto Menu Effetto Scroll
- 2. Come viene creato questo effetto immagine?
- 3. evento 'scroll' non attivato in CompositeView
- 4. come creare l'intestazione Contatti iPhone scroll Effetto per html?
- 5. Effetto collaterale - cos'è questo?
- 6. Come ottengo i dati da questo collegamento API?
- 7. Come posso creare questo effetto usando javascript?
- 8. Come ottenere questo effetto dissolvenza e scorrimento?
- 9. Come ottengo questo testo usando Jsoup?
- 10. bootstrap 3 navigazione fissa personalizzata su scroll con effetto dissolvenza
- 11. Scarica dSYM da Xcode Organizer ottengo questo errore "App mancante"
- 12. Cosa ottengo dall'impostazione di questo TransactionAttributeType.NOT_SUPPORTED
- 13. Come trovare l'evento attivato da Backbone.listenTo?
- 14. Come posso ottenere questo effetto flash usando jQuery?
- 15. Come eseguire lo scroll scroll reset con nuovo contenuto Ajax
- 16. Come creare un effetto parallasse su Recycler View Item on Scroll?
- 17. Effetto dissolvenza su scorrimento
- 18. Come ottengo il valore da un'espressione anonima?
- 19. Come ottengo un conteggio righe da UITableView
- 20. Come ottengo un'immagine da un UIButton?
- 21. Come ottengo l'Url corrente da FilterAttribute?
- 22. jQuery animate scroll
- 23. Come creare l'effetto drag and slide da questo sito Web?
- 24. Attivato nella baseclass non attivato?
- 25. Effetto smorzamento del sistema Spring-Mass (o è questo ElasticEase?)
- 26. Perché questo metodo dell'API Web viene attivato due volte?
- 27. Effetto "scroll to/down" semplice utilizzando tag di hash e markup minimi
- 28. Come ottengo più messaggi di debug da Hibernate?
- 29. Perché "lib lib" non ha effetto in questo modo?
- 30. Come ottengo/utilizzo LibUUID?
Credo che questo sia quello che stai cercando, un tutorial con alcuni metodi diversi. Lo chiama "Parallax", che potrebbe aiutarti a trovare quello che stai cercando. http://www.html5rocks.com/en/tutorials/speed/parallax/ –
Questo thread SO [Modifica della posizione della barra di scorrimento] (http://stackoverflow.com/q/1247874/137626) dovrebbe aiutarti per il JS più semplice coinvolti. – FelipeAls
http://api.jquery.com/scroll/ – JimmyRare