20-10-2015 StickyStack.js - фиксация блоков при прокрутке |
|
![]() |
Плагин jQuery, который предназначен для создания эффекта "прилипания" определенного блока, когда он достигнет вершины страницы. Наглядно все показано на демо-странице. |
StickyStack.js - фиксация блоков при прокрутке

10-10-2015 data-parallax - jQuery плагин для создания параллакс-эффекта |
|
![]() |
Небольшой инструмент для веб-разработчика, который внесет немного необычности на страницы вашего сайта. При прокрутке страницы будет наблюдаться эффект вращения бекграунда. Скорость и угол вращения можно настроить самостоятельно. |
data-parallax - jQuery плагин для создания параллакс-эффекта

08-10-2015 ScrollMenu.js - необычный вид полосы прокрутки |
|
![]() |
Необычный вид полосы прокрутки и ее функционала. Страница разбивается на секции, которые можно быстро прокручивать с помощью всплывающих окон рядом с скролл-баром. Просто и оригинально. |
ScrollMenu.js - необычный вид полосы прокрутки

09-09-2015 Scroll snapping explained |
|
![]() |
Небольшое руководство по тому, как правильно создавать scroll snapping. Из примеров вы узнаете все о свойствах CSS scroll-snap и научитесь применять их на практике. |
Scroll snapping explained

09-09-2015 Medium-Style Page Transition |
|
![]() |
Хороший вариант для разбития длинных страниц на более компактные и удобные. Для этого потребуется минимум JS-кода и стилей. Прокручивая страницу вниз, пользователь нажимает на кнопку и ему "подгружается" следующий блок с контентом. |
Medium-Style Page Transition

28-08-2015 A split screen gallery - эффект при прокрутке страницы |
|
![]() |
Простой и наглядный пример популярного сегодня эффекта при скролле страницы. Данный вариант реализации является штатным, дабы новичок мог разобраться в технологии. Чтобы увидеть о чем речь, просто прокрутите демо-страницу. |
A split screen gallery - эффект при прокрутке страницы

24-08-2015 slimScroll - оформление полосы прокрутки jQuery |
|
![]() |
slimScroll - это небольшой плагин jQuery, который превращает любой DIV в область прокрутки с красивым скроллбаром - подобной Facebook и Google. Пользователь может перетащить полосу прокрутки или использовать колесико мыши для изменения значения ползунка. |
slimScroll - оформление полосы прокрутки jQuery

21-08-2015 Scroll Drawing - прорисовка SVG-элементов при прокрутке |
|
![]() |
Статья детально описывающая процесс создания рисовки SVG при скроллинге странице. В примере используется хитрый трюк с применением пунктирных линий и немного javascript. |
Scroll Drawing - прорисовка SVG-элементов при прокрутке
