Sticky 1.0.1 : фиксация элементов на сайте

Наверняка многие видели на сайтах фиксирующееся меню при прокрутке страницы, например как на Хабре правый бар. Сначала элемент висит в нужном ему месте, затем после того как он доходит до самого верха - прилипает к верху. Сделать так у себя достаточно просто используя Sticky Plugin.

Установка:
1. Загрузить из архива скрипт jquery.sticky.js в папку JS шаблона.

2. В шаблоне main.tpl найти:

</head>

Добавить выше:

<script src="{THEME}/js/jquery.sticky.js"></script>
<script>
    $(function(){
        $("#sticker").sticky({topSpacing:0});
    });
</script>

3. В нужном месте создать элемент div, который должен будет фиксироваться:

<div id="sticker">
    <p>Этот блок будет зафиксирован к верху окна браузера, после того как дойдёт до него при прокрутке страницы.</p>
</div>

Готово!

• Версия DLE: 10.х
• Кодировка: utf-8