Sima teljes oldal görgetés a jQuery Plugin viewScroller.js használatával

JavaScript görgetési hatásai évek óta több tucat nagy könyvtárt választott. De egy új versenyző a területen viewScroller.js.

Ez a nagyon kicsi, mégis erős könyvtár épülhet egyoldalas elrendezések hogy lapozzunk blokkokként egy görgetőgörgővel (vagy érintőpaddal). Ez egy szabályozott elrendezést hoz létre, ahol a görgetések az oldal egyes szakaszain keresztül mozgatják a felhasználót pixel-szoros pontosság.

Természetesen ez egy teljesen ingyenes könyvtár elérhető a GitHub-on és könnyen telepíthető Bower vagy npm.

A viewScroller.js azonban nem független JavaScript könyvtár. Ez a jQuery-re és két specifikus bővítményre támaszkodik: jQuery Mousewheel és jQuery Easing. Ezek mindkettő szükséges a görgetési effektusok megfelelő működéséhez.

Ez akadályozhatja a viewScroller értékét, mivel néhány JS könyvtárnak csak a működéséhez van szüksége. De ha máris használod a jQuery-t, akkor ez egy nem-brainer. A viewScroller.js a legegyszerűbb módszert kínálja a egyetlen oldal görgető webes alkalmazás sok kód nélkül fut.

Ez azonban nem, nagyon részletes osztályokat és azonosítókat használ a görgetési hatás létrehozásához. tudsz szerkesztheti ezeket az osztályokat saját CSS fájljában vagy felülírja őket az alapkódban. Megtalálja a teljes listát a repo oldalon osztálynevek és alapértelmezett beállítási adatok.

A legegyszerűbb módja az a viewScroller demók klónozása. Egy jobb oldali sávval rendelkeznek, egy másik bal oldallal és egy kettő oldalsó sávval, amelyek középső tartalommal rendelkeznek.

Ha rendben van egy jQuery-üzemű webalkalmazással, akkor a viewScroller egy fantasztikus ingyenes könyvtár. Szükség van rá nagyon kevés függőség de nem szabad nehezen konfigurálni őket.

Keress egy pillantást a élő demó és nézd meg, mit gondolsz. Ha tetszik az UX és a görgetési viselkedés, akkor kövesse a telepítési útmutató a GitHub-on kezdeni.