Site icon Vavik96

jQuery плагины для анимации при прокрутке страницы

Эффекты скроллинга встроить в страницу не сложно. Главное — это правильно подобрать плагин. Следует иметь в виду, что чем больше подключено скриптов, тем медленнее работает страница. В старых браузерах все это дело может вовсе не работать. Подключать эффекты следует с осторожностью, главное не переусердствовать. Зачастую, простого плавного, ненавязчивого появления блоков хватает, но всё зависит, конечно, от целей.
Все плагины бесплатны, но для коммерческого  использования, иногда, нужно выполнить некоторые условия.

WOW.js

Плагин для анимации элементов при скроллинге. Он имеет очень много вариантов анимаций и легко настраивается.

 

ScrollMagic

Плагин позволяет создавать сложные эффекты parallax, движения, смены фона на страница и деформации фигур.

 

Scrollme

Лёгкий плагин с помощью которого можно масштабировать, вращать, двигать, уменьшать или увеличивать прозрачность любого элемента.

 

Superscrollorama

Плагин для анимации текста, отдельных DIV элементов, а так же создания parallax эффекта.

 

onScreen

Плагин позволяет легко создавать различные эффекты появления элементов при прокрутке страницы.

 

OnePage

Плагин позволяет разбить страницу на отдельные экраны и анимировать переход по ним.

 

FSVS

Позволяет сделать скользящую прокрутку с помощью css.

 

jInvertScroll

Плагин помогает создавать интересный горизонтальный parallax скролиинг.

 

Waypoints

Плагин показывает любой элемент при нахождении посетителя в заданной точке страницы.

 

Scrollocue

Позволяет передвигаться по странице выделяя блоки простым кликом правой клавишей мыши.

 

Horwheel

Плагин для создания горизонтальной прокрутки в стиле Windows 8.

 

Responsive 3D Fold Scroll

Этот адаптивный плагин реализует интересный 3D эффект при переходе по экранам.

 

ScrollFlow

Позволяет анимировать появление блоков на странице, в том числе  фоновых изображений с parallax эффектом.

Exit mobile version