Как стать автором
Обновить

Magic Panel — jQuery плагин для быстрой прокрутки страницы

Время на прочтение1 мин
Количество просмотров8K
При помощи плагина Magic Panel можно быстро создать боковую панельку, при помощи которой страница прокручивается вверх, как это сделано на Хабрахабр и ВК.

image


Плагин работает хорошо только со страницами, у которых фиксированная контентная область. В остальном все довольно просто:

Подключаем jQuery и сам плагин:

<script type="text/javascript" src="jquery.js"></script>
<script type="text/javascript" src="jquery.magicpanel.js"></script>


Подключаем стили плагина:

<link type="text/css" rel="stylesheet" media="all" href="magicpanel.css" />


Стили можно изменять под себя, по этому с настройкой проблем возникнуть не должно. Подойдет для любого фиксированного сайта.

Включаем панельку:

$("body").magicPanel({minWidth:900});


minWidth — ширина контентной области в px. По умолчанию устанавливается 970px;

Вот и все!

Скачать плагин на Github
Следуйте за мной в твиттере
Теги:
Хабы:
Всего голосов 36: ↑14 и ↓22-8
Комментарии15

Публикации

Истории

Ближайшие события

15 – 16 ноября
IT-конференция Merge Skolkovo
Москва
22 – 24 ноября
Хакатон «AgroCode Hack Genetics'24»
Онлайн
28 ноября
Конференция «TechRec: ITHR CAMPUS»
МоскваОнлайн
25 – 26 апреля
IT-конференция Merge Tatarstan 2025
Казань