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

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
Источник:
  • Oxigen
  • 0
  • 91
Информация
Оставлять комментарии могут только зарегистрированные посетители.
  • Рейтинг@Mail.ru
  • Яндекс.Метрика