Гладко превъртане на цяла страница с jQuery Plugin viewScroller.js

Ефекти на превъртане на JavaScript са били около години с десетки големи библиотеки, за да изберете от. Но нов претендент в тази област е viewScroller.js.

Тази много малка, но мощна библиотека може да изгради оформления на една страница че превъртете като блокове с едно плъзгане на скролера (или тъчпада). Това създава контролирано оформление, където свитъците преместват потребителя чрез отделни секции на страница с точност в пиксел.

Естествено, това е напълно безплатна библиотека на разположение в GitHub и лесен за инсталиране с Bower или npm.

Въпреки това, viewScroller.js е не независима JavaScript библиотека. Тя разчита на jQuery и две специфични приставки: jQuery колело на мишката и jQuery Easing. Това са и двете са необходими за да получите ефектите на превъртане.

Това може да попречи на стойността на viewScroller, тъй като изисква само няколко библиотеки JS да функционират. Но ако вече използвате jQuery, тогава това е невъзможно. viewScroller.js предлага най-простият метод за получаване на уеб приложение за превъртане на една страница работи без много код.

Това обаче се случва, използвайте много подробни класове и идентификатори за да създадете ефекта на превъртане. Можеш редактирайте тези класове във вашия собствен CSS файл или презапишете ги в основния код. Ще намерите пълен списък на страницата за репо с имена на класове и данни за настройка по подразбиране.

Най-простият начин да започнете е клониране на демонстрациите на viewScroller. Те имат една с дясна странична лента, друга с лява странична лента, и една с две странични ленти, съдържащи съдържание в средата.

Ако сте добре с jQuery-горивна уеб приложение, тогава viewScroller е фантастична безплатна библиотека за използване. Необходимо е много зависимости но те не трябва да бъдат трудни за конфигуриране.

Погледни демо на живо и вижте какво мислите. Ако харесвате UX и поведението на превъртане, следвайте ръководство за настройка на GitHub за да започнете.