Question

我在我的网站上使用固定标头，我遇到了一个问题：当我使用锚链接时，第一个内容会在标题下面。当我在页面上时，我可以使用这样的脚本：

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

但是当我在另一个页面上时，使用href =＆＃34; index.html＃projects＆＃34;问题出来了。

有一种解决方案允许不使用带边距的方法吗？

谢谢！

Answer 1

这可能不是最好的解决方案，但我会告诉你我会做什么。通常，当我使用固定头元素时，我也会创建一个固定的主体或内容元素。

<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>

标题固定和锚链接

1 个答案: