Анимированный скролл до элемента (jQuery)

Анимированный скролл в jQuery производится при помощи метода .animate() и передаче в него двух параметров: объекта свойств и скорости анимации.

Например у нас есть на странице ссылка с id="SCROLL_LINK", при нажатии на которую необходимо плавно проскроллить страницу до элемента с id="#SCROLL_TO_ELEMENT". Код будет следующим:

$(document).ready(function(){ $('#SCROLL_LINK').click(function(){ // скорость скролла var speed = 1000; // место скролла var top = $('#SCROLL_TO_ELEMENT').offset().top; $('html, body').animate({scrollTop: top}, speed); return false; }); });

Онлайн-пример.

Категории

ПрограммированиеJavaScriptБиблиотекиjQuery

Читайте также

Комментарии