Preprosto pomikanje po celotni strani z jQuery Plugin viewScroller.js

Učinki drsenja JavaScripta že vrsto let delujejo na desetine odličnih knjižnic. Toda novi kandidat na tem področju je viewScroller.js.

Ta zelo majhna, a zmogljiva knjižnica lahko gradi postavitve na eni strani to pomikajte se kot bloki z enim potegom kolesca za pomikanje (ali sledilne ploščice). To ustvari nadzorovano postavitev, kjer se pomikanje premakne prek posameznih delov strani natančnost z natančnostjo pikslov.

Seveda je to popolnoma brezplačna knjižnica GitHub in enostaven za namestitev z Bower ali npm.

Vendar je viewScroller.js ne neodvisna knjižnica JavaScript. Zanaša se na jQuery in dva posebna vtičnika: jQuery kolesce za miško in jQuery Easing. To so oba zahtevana da bi učinki drsenja delovali pravilno.

To lahko ovira vrednost viewScrollerja, ker zahteva nekaj JS knjižnic samo za delovanje. Toda, če že uporabljate jQuery, potem je to vseeno. viewScroller.js ponuja najpreprostejšo metodo za pridobitev spletna aplikacija za pomikanje po eni strani teče brez veliko kode.

Vendar pa je, uporabite zelo podrobne razrede in ID-je za ustvarjanje učinka pomikanja. Ti lahko uredite te razrede v svoji datoteki CSS ali prepišite jih v osnovni kodi. Boste našli celoten seznam na repo strani z imena razredov in privzeti nastavitveni podatki.

Najpreprostejši način za začetek je kloniranje predstavitev viewScroller. Imajo eno z desno stransko vrstico, drugo z levo stransko vrstico in eno z dvema stranskima trakoma, ki vsebujejo vsebino v sredini.

Če ste v redu s spletno aplikacijo, ki jo poganja jQuery, potem je viewScroller fantastična brezplačna knjižnica za uporabo. Potrebuje kar nekaj odvisnosti vendar jih ni težko konfigurirati.

Pokukajte na demo v živo in poglej, kaj misliš. Če vam je všeč UX in drsenje, sledite navodilom navodila za namestitev na GitHub za začetek.