MaxHub
Полезности по Maxsite CMS

Плагин липких виджетов sticky

Плагины » Украшательства / 1 июня 2015

Sticky — это чисто дизайнерский плагин, направленный на улучшение внешнего вида и эргономики сайта. Он позволяет показывать некоторые виджеты в боковой панели независимо от прокрутки. Т.е. какие-то самые важные вещи (подписку на новости, рекламу, etc) можно закрепить и не давать при прокрутке страницы исчезнуть за горизонт за пределы экрана. Причём, реализовано это красиво, виджет вполне подвижен, пока он на экране, но как только доходит до верха экрана при прокрутке вниз — лепится к нему.

Немного подробностей

В основе лежит самописный jQuery-плагин, полностью совместимый с jQuery 1.9 и выше. На странице настроек плагина указывается

  • selector — ID или класс виджетов, для которых будет применяться «липучесть».
  • topSpacing — отступ «прилипшего» виджета сверху.
  • stopper — селектор блока, при достижении которого виджет будет исчезать. По умолчанию .footer .
  • marginBottom — отступ «прилипшего» виджета снизу.
  • styler — класс прилипшего виджета (для дополнительного оформления).
  • unlockWidth — позволяет расширять виджет на всю страницу — получается этакое плавающее меню.
  • animDuration — продолжительность анимации залипания.
  • stickType — способ залипания.
  • screenlimit — прекращает работу плагина на низких разрешениях экрана.
  • stick — callback функция, вызываемая в момент залипания — позволяет настроить дополнительный функционал.
  • unstick — callback функция, вызываемая в момент окончания залипания.

Подробней смотрите на скриншоте (по клику полный):

Скачать:

Автор: Илья Земсков

Текущая версия плагина: 0.7 (стабильно работает на cms 0.863 - 0.93)

Контент только для авторизованных - хотите войти или зарегистрироваться?
Оставьте комментарий!

grin LOL cheese smile wink smirk rolleyes confused surprised big surprise tongue laugh tongue rolleye tongue wink raspberry blank stare long face ohh grrr gulp oh oh downer red face sick shut eye hmmm mad angry zipper kiss shock cool smile cool smirk cool grin cool hmm cool mad cool cheese vampire snake excaim question

Вход / регистрация или войти без комментирования
  Имя и сайт используются только при регистрации

Авторизация MaxSiteAuth. Войти через loginza

(обязательно)