Простой пример фиксации фонового изображения в секции при прокрутке страницы
Данный эффект напоминает параллакс, но выполнен на CSS и всего одним классом.
Решение очень простое, но подойдет не для всех изображений, в примере на этот счет есть заметка.
Кнопка в виде Санты для прокручивания страницы вверх
Решение выполнено на чистом CSS
Переход страницы к нижней части нужного элемента на JS
В основном все решения для прокручивания страницы к нужному элементу сводятся к переходу на его верх. Тоже самое делают и якоря в html.
В данной теме рассмотрен переход страницы в низ этого элемента.
Одновременная вертикальная прокрутка двух блоков
Решение выполнено для библиотеки jQuery
Навигационное меню для лендинга с плавным скроллом и подсветкой пункта активной секции
Меню реализовано с использованием библиотеки jQuery
Красивый эффект смены изображений колесом прокрутки мыши на WebGL
Данный слайдер не имеет стрелок и точек, а перелистывание фотографий происходит при скроллинге страницы.
Работает он на библиотеках TweenMax и three.js
Индикатор, показывающий глубину прокрутки в процентах и в виде линии.
Честно сказать, я не встречал такие индикаторы на сайтах, но в теории его можно использовать на очень больших страницах, чтобы видеть процент прочитанного. Или же применять в каком-то творчестве, заменяя им стандартную прокрутку, как в этом примере.
Скрипт WOW.js для анимации элементов при прокрутке страницы вниз.
Ранее уже была заметка для добавления анимационных эффектов при прокрутке страницы c jQuery плагином ScrollMe.
Скрипт WOW.js использует библиотеку animate.css, благодаря чему имеет больше возможностей, и не требует никакие библиотеки на JavaScript
2 варианта зафиксировать блок при прокрутке страницы (на jQuery и на чистом CSS)
Существует много различных плагинов, чтобы "залепить" блок на месте, когда страница прокручивается вниз. И некоторые из них, мягко говоря, ужасные и дергают страницу вверх в момент, когда блок меняет свою позицию на фиксированную.
"Залипание" блока можно сделать гораздо проще, воспользовавшись небольшим скриптом на jQuery или всего одним свойством на CSS
