Как сделать плавный скролл к якорю на jQuery
Стопроцентный рабочий вариант плавного скролла от элемента меню к якорю на jQuery. Посмотреть работу данного скролла можно на сайте, клинув по любому пункту меню.
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
jQuery(document).ready(function(){
jQuery("#primary-menu").on("click","a", function (event) {
//отменяем стандартную обработку нажатия по ссылке
event.preventDefault();
//забираем идентификатор бока с атрибута href
var id = jQuery(this).attr('href'),
//узнаем высоту от начала страницы до блока на который ссылается якорь
top = jQuery(id).offset().top;
//анимируем переход на расстояние - top за 1500 мс
jQuery('body,html').animate({scrollTop: top}, 1500);
});
});
|