Описание

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

<script data-src="//code.jquery.com/jquery-1.11.2.min.js"></script>
<script ENGINE="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 Загрузок: 154 [6.46 Kb]
Файл JS:
jquery.sticky.js Загрузок: 133 [5.52 Kb]
 
Источник: stickyjs.com
На GitHub: https://github.com/garand/sticky
Demo

Комментарии 3

  1. 0

    evgennova

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

    grifosh

    Здорово, спасибо :)

    Быстро и понятно!

    16.01.2015 13:31
  3. +3

    Recouse

    Пользуюсь аналогичным плагином, этот тоже не плох. Спасибо за статью
    14.01.2015 10:22
Информация
Посетители, находящиеся в группе Гости, не могут оставлять комментарии к данной публикации.

Похожие товары