Scorrimento uniforme della pagina verticale usando la rotellina del mouse e la barra di scorrimento

Question

Mi sto divertendo e sto provando a costruire un sito Web di parallasse - sì, so che sono una moda fastidiosa ma mi piacerebbe ancora provare. Quindi, per ispirazione, ho esaminato vari esempi di buoni siti Web di parallasse e ci siamo imbattuti in questo: https://victoriabeckham.landrover.com/INT.

Lo scorrimento è regolare grazie alla rotella del mouse, alla barra di scorrimento e ai collegamenti di ancoraggio. Ho cercato i plugin jQuery per ottenere questo effetto, ma riesco solo a trovare quelli che usano link di pagina interni - anchor o ID (dettagliati sotto) - ma non rotellina del mouse e scrollbar. C'è una buona possibilità che sto cercando utilizzando le parole chiave sbagliate. Qualcuno conosce la terminologia corretta per trovare questi plug-in o conoscere i plug-in che otterrebbero questo effetto?

In una nota a margine, sto attualmente imparando jQuery e Javascript, ma sono nelle primissime fasi - continuando a scattare attraverso codeacademy e non sono ancora riuscito a farlo su alcun codice reale. Quindi al momento sto giocando con i plugin come metodo di apprendimento, ma spero che in pochi mesi io possa costruire le mie cose!

scorrimento Smooth per ancorare tag o ID di:

• http://archive.plugins.jquery.com/project/ScrollTo
• http://jsfiddle.net/9Amdx/7/
• http://arthurclemens.github.com/jquery-page-scroll-plugin/
• http://www.learningjquery.com/2007/09/animated-scrolling-with-jquery-12
• http://www.designova.net/scrollerbird/
• http://chris-spittles.co.uk/?p=462
• http://joelb.me/scrollpath/ (* per gentile concessione di @DrunkRocketeer)

E, un altro esempio di un sito web di parallasse con una tecnica simile per lo scorrimento:

• http://www.ascensionlatorre.com

Answer 1

Prova questo. https://nicescroll.areaaperta.com/

Ha

$().scrollTop() 

jQuery listener di eventi anche in modo da poter avere percorso a chiocciola configurato con lo script di parallasse.

Answer 2

Credo che bisogna combinare diversi di questi effetti al fine di creare qualcosa che assomigli al sito Landrover. Uno script di scorrimento uniforme, uno script di scorrimento e uno script di parallasse.

Questo è un sito interessante per l'elemento percorso di questo sito web: http://joelb.me/scrollpath/

Anche se il modo migliore per scoprire come funzionano questi siti è quello di esaminare loro! Alcuni siti interessanti che usano la parallasse: http://www.awwwards.com/?s=parallax&post_type=all&search=Ok

Spero che questo sia stato di qualche aiuto/ispirazione!

Cheers, Robin