Vyhlazování celé stránky s jQuery Plugin viewScroller.js

JavaScript efekty posouvání byly po celá léta s desítkami velkých knihoven vybírat. Ale nový účastník v poli je viewScroller.js.

Tato velmi malá, ale výkonná knihovna může stavět Jednostránkové rozvržení že rolovat jako bloky jedním potažením rolovacího kolečka (nebo touchpadu). Tím se vytvoří řízené rozvržení, kde svitky posouvají uživatele prostřednictvím jednotlivých částí stránky přesnost pixelů.

Je to přirozeně zcela bezplatná knihovna dostupné na GitHub a snadno se instaluje s Bowerem nebo npm.

ViewScroller.js je však ne nezávislou knihovnu JavaScriptu. Spoléhá na jQuery a dva specifické pluginy: jQuery Mousewheel a jQuery Easing. Tyto jsou oba požadavky pro správné fungování efektů posouvání.

To může bránit hodnotě viewScrolleru, protože vyžaduje pouze několik knihoven JS. Ale pokud již používáte jQuery, pak je to neochabující. viewScroller.js nabízí nejjednodušší metodu, jak získat a webová aplikace pro rolování stránek běží bez velkého kódu.

To však dělá, používat velmi podrobné třídy a ID pro vytvoření efektu posouvání. Můžeš upravovat tyto třídy ve vašem vlastním souboru CSS nebo přepsat v základním kódu. Najdete tu úplný seznam na stránce repo pomocí názvy tříd a výchozí nastavení.

Nejjednodušší způsob, jak začít, je klonování ukázek viewScroller. Mají jeden s pravým postranním panelem, druhý s levým postranním panelem a druhý se dvěma postranními lištami, které obsahují obsah uprostřed..

Pokud jste v pořádku s jQuery-fueled webové aplikace pak viewScroller je fantastická bezplatná knihovna k použití. Potřebuje to poměrně málo závislostí ale neměly by být těžké konfigurovat.

Podívejte se na živé demo a uvidíte, co si myslíte. Pokud se vám líbí chování UX a rolování, postupujte podle průvodce nastavením na GitHub začít.