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

Параллакс библиотека Ukiyo

Современная библиотека Ukiyo для параллакса любых изображений

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

С ее помощью можно легко оформлять не только секции, но и все фотографии в контенте.

Читать далее

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

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

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

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

Читать далее


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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее

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

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

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

Читать далее

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

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

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

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

Читать далее