Как сделать плавный скролл к якорю на 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); }); }); |
