21:25 | 05.05.2024
Web-разработка
Реклама

jQuery плавающий блок

jQuery и Mootools плагины, для создания плавающих блоков. При прокрутке экрана эти блоки всегда подтягиваютсяв поле зрения посетителя. Идеально подойдут для отображения, например, меню на сайте или корзины заказов в интернет-магазине.

1. Плавающий блок jQuery «Sticky Sidebar»

Плавающий на странице блок jQuery

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

2. Плавающий блок «Contained Sticky Scroll»

jQuery плавающий блок

Есть возможность посетителю отключить перемещение блока по странице, если его это раздражает. Отключение прокрутки осуществляется по нажатию на ссылку в виде стрелочки.

3. jQuery плагин «stickyFloat» для реализации плавающего блока

Плавающий блок

4. MooTools плагин «StaticScroller»

Mootools фиксированный блок

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