Переход на страницу хэша URL ... исправлено перекрытие заголовка

Question

Так вот в чем дело,

У меня есть фиксированный заголовок / панель навигации, и когда я прыгаю на что-то через #urlhash, он перекрывает его.

Теперь я мог бы добавить div, который идетперед контентом и переходом к этому, но это в конечном итоге испортит весь стиль.

Так что мне интересно, есть ли трюк JavaScript / jQuery для добавления около 200px отступов после прыжка?

Answer 1

Как насчет:

$(window).onload(function() {
    if (document.location.hash)
        $(window).scrollTop($(window).scrollTop() - 200);
});

Answer 2

Вы можете добавить абсолютный позиционный тег empty () с верхом: -200px и перейти к нему.Просто убедитесь, что родительский элемент не расположен статически (относительный должен делать трюк)