防止固定頭從隱藏的文本與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>