​​multiScroll.js — классная библиотека, которая делит экран на две части, одна из которых скользит вверх, а вторая вниз, открывая следующий блок. Выглядит эффектно, посмотрите демо.

Демо | GitHub

#js #scroll

​​Scrollpath — это плагин для создания своих кастомных путей элементов при скролле старницы. Для рисования путей используется канвас и методы moveTo, lineTo и arc.

Демо | GitHub

#jquery #scroll

​​Windows — это плагин, который позволяет создавать секции на одностраничных сайтах, которые занимают весь экран. Секция, на которой вы находитесь, автоматически будет подогнана под размеры экрана. Советую посмотреть демо.

Демо | GitHub

#jquery #scroll

​​AOS — это современная библиотека, которая менять позиции элементов при скролле. Библиотеку очень легко использовать, достаточно просто добавить класс aos-animate. Богатый функционал, есть возможность создавать свои анимации.

Демо | Туториал | GitHub

#js #scroll

​​WOW.js — это легковесная (3kb) библиотека, с помощью которой можно создать классные анимации при скролле страницы. Легко кастомизировать настройки: стиль, задержка, длина и многое другое.

Демо | GitHub

#js #scroll

​​BasicScroll — это библиотека добавляет на страницу красивую параллакс анимацию при скролле. Вы можете задавать параметры для анимации в CSS или использовать JS для еще лучшей анимации.

Плавная анимация отлично работает на мобильных устройствах и ПК.

Демо | GitHub

#js #scroll #parallax

​​Sal — это небольшая JavaScript библиотека для создания скролл-анимаций. Она построена на Observer API, что позволяет ей быть производительной и работать без каких-либо дополнительных зависимостей. Библиотека весит всего 2.8kb, её легко использовать и она поддерживает разные типы анимаций.

Демо | GitHub

#js #library #scroll

​​ScrollOut — замечательная библиотека, которая отслеживает изменения при сколле и воспроизводит красивые CSS анимации элементов.

Демо | GitHub

#js #scroll

​​WOW.js — это легковесная (3kb) библиотека, с помощью которой можно создать классные анимации при скролле страницы. Легко кастомизировать настройки: стиль, задержка, длина и многое другое.

Демо | GitHub

#js #scroll

​​OverlayScrollbars — замечательная JavaScript библиотека, которая изменяет внешний вид скроллбаров на сайте. Отлично задокументированное API с возможностью кастомизации и поддержкой всех современных браузеров.

Демо | GitHub

#js #scroll

Headroom — легковесный, без зависимостей JS виджет, который показывает или прячет navbar в зависимости от позиции скролла. Он предоставляет решение "из коробки" для создания адаптивных фиксированных заголовков, которые появляются, когда они нужны пользователю, и скрываются, когда они мешают контенту.

Демо | GitHub

#js #navbar #scroll