Наша группа по DLE в Telegram Любой товар на сайте можно получить бесплатно

Sticky - плагин для фиксации элементов на сайте


Узнайте, как зафиксировать блок или меню при прокрутке страницы.
  • Описание
  • Скриншоты
  • Обновления
  • Теги
  • ?
  • Комментарии 3
Наверняка многие видели на сайтах фиксирующееся меню при прокрутке страницы, например как на Хабре правый бар.
Сначала элемент висит в нужном ему месте, затем после того как он доходит до самого верха - прилипает к верху.
 
Подключить плагин достаточно просто.
Загрузите файл плагина jquery.sticky.js в корень сайта или нужную Вам папку.
Теперь подключим библиотеку Jquey и сам плагин.

<script src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/jаvascript" src="jquery.sticky.js"></script>
 
Создадим элемент div, который должен будет фиксироваться.
 
<div id="sticker">
    <p>Этот блок будет зафиксирован к верху окна браузера после того как дойдёт до него при прокрутке страницы.</p>
</div>

Ну и конечно подключим к этому блоку скрипт.
 
<script>
    $(function(){
        $("#sticker").sticky({topSpacing:0});
    });
</script>

Весь плагин:
garand-sticky-1.0.1.zip Загрузок: 115 [6,46 Kb]
Файл JS:
jquery.sticky.js Загрузок: 104 [5,52 Kb]
 
Источник: stickyjs.com
Demo

Добавить комментарий
  1. 0

    evgennova

    Спасибо за скрипт, возьмем на заметку !
    18 декабря 2015 23:24 Ответить
  2. +1

    grifosh

    Здорово, спасибо :)
    Быстро и понятно!
    16 января 2015 13:31 Ответить
  3. +3

    Recouse

    Пользуюсь аналогичным плагином, этот тоже не плох. Спасибо за статью
    14 января 2015 10:22 Ответить

Оставить комментарий

В корзине: 0 шт.

на сумму: 0

Всего: 0

Оформить заказ Очистить корзину