Хеш тег из адресной строки и скроллинг к нужному якорю

Скроллинг к хештегу или якорю

Сегодня рассмотрим простой способ получить хештег из адрессной строки и плавно пролистать страницу к соответствующему якорю.

Для этого будем использовать объект  location и его метод  hash, который возвращает хеш тег, если таковой имеется в адресной строке. Если его нет, то возвращает 0.

$(document).ready(function() {
if(window.location.hash)
$('html, body').animate({
scrollTop: $(window.location.hash).offset().top
}, 1000);
}
);

Так же хочу обратить внимание на то, что якорь (id элемента к которому будем скроллить) должен совпадать с хештегом с адресной строки.

 


Добавить комментарий