Фиксированный заголовок и якорные ссылки

Я использую фиксированный заголовок для своего веб-сайта, и у меня есть проблема: когда я использую якорную ссылку, первый контент идет под заголовком. Когда я нахожусь на странице, я могу использовать такой скрипт:

$('.action').click(function(event){
    event.preventDefault();
    $('html, body').animate({scrollTop:$('#projects').position().top - 60},800);
});

Но когда я нахожусь на другой странице, используя href="index.html#projects", проблема выходит.

Есть решение, которое позволяет использовать не методы с наценкой?

Спасибо!

Источник

1 ответ

Возможно, это не лучшее решение для вас, но я скажу вам, что я буду делать. Обычно, когда я работаю с элементом с фиксированной головой, я также создаю фиксированный элемент body или content.

<html>
    <head>
    </head>
    <body>
        <div id="header" style="position:fixed;top:0px;left:0px;right:0px;height:50px;">
            <!-- header html here -->
        </div>
        <div id="content" style="position:fixed;top:50px;left:0px;right:0px;bottom:0px;">
            <!-- content html here -->
        </div>
    </body>
</html>
Источник
Другие вопросы по тегам