[73]
22 Янв 2014, 15:15

Отступ от верхней границы экрана при переходе по якорным ссылкам

Привет!

При переходе по якорной ссылке, страница прокручивается до элемента на который установлен якорь. Возможно ли сделать отступ от верхней границе экрана при переходе по таким ссылкам?

#javascript

Комментарии (1)
fullzilla
23 Янв 2014, 13:05
#

Можно отлавливать изменение #hash и делать scrollTo от текущего положения чуть меньше. Например так:

// Отлавливаем hash при загрузки/обновлении страницы
$(window).load(function ()
{
if(document.location.hash != "")
{
if($(document.location.hash).length > 0)
{
var top = $(window).scrollTop();
if(top > 0) $(window).scrollTop(top-100);
}
}
});

// Отлавливаем hash при его изменении
$(document).ready(function()
{
if('onhashchange' in window)
{
window.onhashchange = function()
{
if($(document.location.hash).length > 0)
{
var top = $(window).scrollTop();
if(top > 0) $(window).scrollTop(top-100);
}
}
}
});

Проверил в Chrome — работает.

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки: