標題元素使用固定位置時使用定位標記

標題內有定位標籤轉到內容。問題是由於它的標題點擊它不滾動到正確的地方。即它滾動到很遠。

如何將垂直空間（填充）添加到該錨點位置，使其正確顯示？

我的代碼

鏈接：

<li> 
    <a href="#whoisresponsible">text</a> 
</li>

主播：

<h3> 
    <a name="whoisresponsible"></a>Q:&nbsp; Who is responsible for Lifeline’s Suburban Garage Sales? 
</h3>

這裏是一個js小提琴

http://jsfiddle.net/lmeyer/XqLRg/3/

來源

2013-08-07 Britta-Leonie Meyer

jQuery(document).ready(function() { 

jQuery(".link").on("click", function(e) { 

    e.preventDefault(); 

    var name= jQuery(this).attr("href"); 
    var n=name.split("#"); 

    var element = jQuery('[name="'+n[1]+'"]') 
    var container = jQuery("#mainContainer"); 


    var number = element.offset().top - container.offset().top + container.scrollTop() -190; 
    jQuery(document).scrollTop(number); 



}); 
});

來源

2013-08-08 07:48:12 Dan

嘗試氏！而非 http://jsfiddle.net/TDPP4/

添加CSS類H3和一個

<h3 class="Head3"> 
    <a class="InLink" name="whoisresponsible"></a>Q:&nbsp; Who is responsible for Lifeline’s Suburban Garage Sales? 
</h3>

然後加入這個CSS

.Head3{ 
    position:relative; 
    overflow:hidden;  
} 
a.InLink{ 
    position:absolute; 
    margin-top:-150px; 
}

來源

2013-08-07 01:50:54

我不認爲這是答案 - 我認爲你需要做一個js，當點擊移動到錨然後增加/減少標題的高度，以獲得正確的位置 – Dan

問題是如何「添加垂直空格（填充）「..我認爲JS對於那個簡單的問題 –

太過分了，但是如果你在內容中添加一個br，它仍然會去錯誤的地方。問題是固定的聽衆？！ – Dan

我不知道我的回答是正確的，因爲我真的不明白你有什麼問題呢。

設定航向目標的位置是：

relative或absolute

那麼當錨鏈接單擊了你設置它是目標的位置必須停止

來源

2013-08-07 03:40:08

嗨，我已經添加了jsfiddle http://jsfiddle.net/lmeyer/XqLRg/2/ –

我只是使用填充，因爲你的標記..檢查此.. http://jsfiddle.net/YsL86/6 / –

標題元素使用固定位置時使用定位標記

回答

相關問題