css - 防止固定标题使用 CSS 隐藏文本

Question

给定<div id='pageheader'>，使用以下 CSS：

#pageheader { position: fixed; top: 0px; width: 100%; height: 35px; }
body { margin-top: 35px; }

我有一个固定在页面顶部的标题。问题是当用户单击指向同一页面另一部分的链接时，链接的目标出现在标题下方。我不知道如何防止这种情况。

编辑：我最终使用 JQuery 为内部链接提供平滑滚动，从而消除了这个问题。

$("span.sect1, span.sect2").click(function(){
    var target = '#' + $(this).find("a").attr('href').match(/#(.*)$/)[1];       
    var position = $(target).offset();
    $('html, body').animate({scrollTop: (position.top -40)}, "slow");
});
$("a.xref").click(function(){
    var target = '#' + $(this).attr('href').match(/#(.*)$/)[1];     
    var position = $(target).offset();
    $('html, body').animate({scrollTop: (position.top -40)}, "slow");
});

Answer 1

您之前可能在哪里：

<h1 id="target">Get here with #target</h1>

尝试这个：

<h1><a id="target" style="position: relative; top: -35px;"></a>Get here with #target</h1>