С информацией
Только заголовки

Фиксированный фон в секции

Простой пример фиксации фонового изображения в секции при прокрутке страницы

Данный эффект напоминает параллакс, но выполнен на CSS и всего одним классом.

Решение очень простое, но подойдет не для всех изображений, в примере на этот счет есть заметка.

Читать далее

Прокрутка страницы к нижнему краю элемента

Переход страницы к нижней части нужного элемента на JS

В основном все решения для прокручивания страницы к нужному элементу сводятся к переходу на его верх. Тоже самое делают и якоря в html.

В данной теме рассмотрен переход страницы в низ этого элемента.

Читать далее

Навигационное меню для лендинга

Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции

Меню реализовано с использованием библиотеки jQuery

Читать далее

Перелистывание изображений при скроллинге

Красивый эффект смены изображений колесом прокрутки мыши на WebGL

Данный слайдер не имеет стрелок и точек, а перелистывание фотографий происходит при скроллинге страницы.

Работает он на библиотеках TweenMax и three.js

Читать далее


Индикатор прокрутки страницы

Индикатор, показывающий глубину прокрутки в процентах и в виде линии.

Честно сказать, я не встречал такие индикаторы на сайтах, но в теории его можно использовать на очень больших страницах, чтобы видеть процент прочитанного. Или же применять в каком-то творчестве, заменяя им стандартную прокрутку, как в этом примере.

Читать далее

Анимация элементов при прокрутке — WOW.js

Скрипт WOW.js для анимации элементов при прокрутке страницы вниз.

Ранее уже была заметка для добавления анимационных эффектов при прокрутке страницы c jQuery плагином ScrollMe.

Скрипт WOW.js использует библиотеку animate.css, благодаря чему имеет больше возможностей, и не требует никакие библиотеки на JavaScript

Читать далее

Фиксация блока при прокрутке

2 варианта зафиксировать блок при прокрутке страницы (на jQuery и на чистом CSS)

Существует много различных плагинов, чтобы "залепить" блок на месте, когда страница прокручивается вниз. И некоторые из них, мягко говоря, ужасные и дергают страницу вверх в момент, когда блок меняет свою позицию на фиксированную.

"Залипание" блока можно сделать гораздо проще, воспользовавшись небольшим скриптом на jQuery или всего одним свойством на CSS

Читать далее