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

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

Привет!

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

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

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

Войдите, чтобы написать о чем-нибудь...
Вход Регистрация
Web.onRails
Найди ответ на любой вопрос по Веб-разработке!
задать вопрос...
Вы можете разместить Рекламный пост самостоятельно, либо отправив контент по адресу admin@webonrails.ru→ Оплата здесь ←Неоплаченные посты удаляются.
Метки:
Лучшее
[52]
16 Окт 2011, 15:38
Вывести все элементы POST
[просмотров 18004]
[74]
31 мая 2011, 11:48
Python проверка существования переменной
[просмотров 11858]
[100]
19 Дек 2014, 16:16
User-agent для Internet Explorer 11
[просмотров 11857]
[4]
10 Окт 2018, 15:33
Как запретить просмотр сайта по IP?
[просмотров 9640]
[125]
21 Июл 2011, 14:04
Python Imaging Library (PIL)
[просмотров 8890]
[315]
11 Авг 2011, 00:21
Спецификация HTML5 от W3C
[просмотров 7397]
[315]
16 Июл 2011, 20:03
Python работа с MySQL
[просмотров 5799]

Вести с Хабра