Glatko pomicanje preko cijele stranice pomoću jQuery Plugin viewScroller.js

Efekti pomicanja JavaScripta su već godinama prisutni s desecima izvrsnih knjižnica. Ali novi kandidat na terenu je viewScroller.js.

Ova vrlo mala, ali moćna knjižnica može graditi rasporedi na jednoj stranici da pomičite se kao blokovi s jednim pomicanjem kotačića (ili touchpada). Time se stvara kontrolirani izgled gdje pomicanje korisnika pomiče kroz pojedine odjeljke stranice preciznost piksela.

Naravno, ovo je potpuno besplatna knjižnica dostupno na GitHubu i jednostavan za instalaciju s Bower ili npm.

Međutim, viewScroller.js je ne neovisna JavaScript knjižnica. Oslanja se na jQuery i dva specifična dodatka: jQuery Pogon miša i jQuery Easing. Ovi su oba su potrebna kako bi učinci svitka ispravno funkcionirali.

To može ugroziti vrijednost viewScroller-a jer zahtijeva nekoliko JS knjižnica samo za funkcioniranje. Ali ako već ionako koristite jQuery onda je nemoguće. viewScroller.js nudi najjednostavniji način da dobijete web-aplikacija za pomicanje po jednoj stranici trčanje bez puno koda.

No, ipak, koristite vrlo detaljne razrede i ID-ove za stvaranje efekta pomicanja. Možeš uredite ove klase u vlastitoj CSS datoteci ili prepisati ih u osnovnom kodu. Naći ćete cijeli popis na repo stranici s nazivi razreda i zadane postavke podataka.

Najjednostavniji način za početak je kloniranje demoa viewScroller. Imaju jednu s desnom bočnom trakom, drugu s lijevom bočnom trakom, a drugu s dva bočna traka sendvič sadržaja u sredini.

Ako se slažete s web-aplikacijom s jQuery-om, viewScroller je fantastična besplatna biblioteka za korištenje. To je potrebno nekoliko zavisnosti ali ne bi ih bilo teško konfigurirati.

Zavirite u demo uživo i vidi što misliš. Ako vam se sviđa UX i scroll ponašanje onda slijedite vodič za postavljanje na GitHubu započeti.