Плавающий сайдбар — плагин StickyMojo

Плагин StickyMojo позволяет реализовать плавающий блок или сайдбар.

Как реализовать:

1. Разметка html

2. Стили CSS

При создании css создатели плагина старались сделать его, как можно более гибким. Однако следует придерживаться следующих основных правил:

— Можно использовать любой ID, но div сайдбара и div основного контента должны находиться внутри div-оболочки (wrapper)
— Оболочка (wrapper) должна иметь ширину
— Сайдбар должен иметь свойство float:left (в случае расположения слева) или float:right (в случае расположения справа)
— Сайдбар должен иметь отступы сверху и снизу — margin-top и margin-bottom, когда сайдбар начинает прилипать и когда начинает отлипать.

3. Подключаем наш плагин и библиотеку jQuery

Ну и включаем наш плагин:

Готово.

delux

Предлагаю делиться опытом в сфере сайтостроения!

Читайте также:

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

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Этот сайт использует Akismet для борьбы со спамом. Узнайте как обрабатываются ваши данные комментариев.