Плавная прокрутка страницы

plavnaya prokrutka do yakorya na jquery luchshij skript x

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

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

Установка

*Для работы скрипта должна быть подключена библиотека 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.

Похожие материалы

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

Оставить заявку

Мы свяжемся с вами в ближайшие время