VDS за 300р от нашего партнера SpaceWeb
[73]
22 Янв 2014, 15:15

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

Привет!

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

#javascript

Комментарии (1)
fullzilla 23.01.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 — работает.
+3

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Здесь вы можете спросить или написать обо всём, что касается Веб-разработки.
написать о чем-нибудь...
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 14023]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 9658]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 8984]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 8808]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7362]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 7081]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5116]

Вести с Хабра