Скрипт для плавной прокрутки страницы сайта, легко настраивается.

Скачать: Плавная_прокрутка

Установка

*Для работы скрипта должна быть подключена библиотека jquery. Если ее нет подключаем эту:

<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>

  • Заливаем на сайт скрипт js/scrollmenu.js и подключаем его к сайту:

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

  • Чтобы страница плавно прокручивалась надо нужные нам ссылки поместить в class “menu“:

<div class="menu">
<a href="#m1">Menu1</a>
<a href="#m2">Menu2</a>
<a href="#m3">Menu3</a>
<a href="#m4">Menu4</a>
<a href="#m5">Menu5</a>
</div>

  • Ну и к нужным блокам присвоить соответствующий Id:

<div id="m1">Menu1</div>
<div id="m2">Menu1</div> и т.д.

Настройка

В файле scrollmenu.js можно настроить 2 значения:

speed (4 строка) – Скорость прокрутки, по умолчанию стоит 1000.

corect (5 строка) – Корректировка, по умолчанию стоит 70. Тут вам нужно настроить значение в зависимости от вашей шапки сайта. Если она у вас фиксированная (двигается вместе с прокруткой страницы), то значение выставляем такое же, как и высота шапки. Если же шапка статичная, то ставим значение 0.

Понравилась статья? Расскажи друзьям!

Комментарии

Отправить комментарий

avatar
wpDiscuz
Авторизация
*
*
Регистрация
*
*
*
Генерация пароля