Tasainen koko sivun vieritys jQuery Plugin viewScroller.js n avulla

JavaScript-selausvaikutukset ovat olleet jo vuosia noin kymmeniä suuria kirjastoja. Mutta uusi kilpailija kentällä on viewScroller.js.

Tämä hyvin pieni mutta tehokas kirjasto voi rakentaa yhden sivun asettelut että vieritä lohkoina yhdellä vierityspyörällä (tai kosketuslevyllä). Näin luodaan ohjattu ulkoasu, jossa vieritys siirtää käyttäjää sivun yksittäisten osien kautta kuvapisteen tarkkuus.

Luonnollisesti tämä on täysin ilmainen kirjasto GitHubissa ja helppo asentaa Bower tai npm.

ViewScroller.js on kuitenkin ei riippumaton JavaScript-kirjasto. Se luottaa jQueryyn ja kahteen erityiseen laajennukseen: jQuery Mousewheel ja jQuery Easing. Nämä ovat molemmat vaaditaan saat selausvaikutukset oikein.

Tämä voi haitata viewScrollerin arvoa, koska se vaatii muutaman JS-kirjaston vain toimiakseen. Mutta jos olet jo käyttämässä jQueryä, niin se on ei-brainer. viewScroller.js tarjoaa yksinkertaisimman tavan saada yhden sivun vieritysverkkosovellus käynnissä ilman paljon koodia.

Se on kuitenkin, käytä hyvin yksityiskohtaisia ​​luokkia ja tunnuksia luodaksesi vieritysvaikutuksen. Sinä pystyt muokkaa näitä luokkia omassa CSS-tiedostossa tai korvata ne peruskoodissa. Löydät täydellinen luettelo repo-sivulla luokan nimet ja oletusasetukset.

Yksinkertaisin tapa aloittaa on kloonaus viewScroller-demot. Heillä on yksi, jolla on oikea sivupalkki, toinen vasemmalla sivupalkilla ja toisessa kaksi sivupalkkia, jotka ovat keskellä sisältöä keskellä.

Jos olet kunnossa jQuery-polttoainesovelluksella, viewScroller on fantastinen ilmainen kirjasto. Se tarvitsee melko vähän riippuvuuksia mutta niiden ei pitäisi olla vaikea määrittää.

Ota kurkistus live-esittely ja katso, mitä luulet. Jos pidät UX: stä ja vierityskäyttäytymisestä, seuraa sitten GitHubin asennusopas aloittaa.