偏移頁面間鏈接

Question

所以在我的頁面上，我有一個固定在頁面頂部的菜單。該菜單大約50px高，並跨越屏幕的整個寬度。爲了在加載時正確顯示頁面的內容，我在主體內容的頂部設置了任意數量的填充。現在，如果我要鏈接到一個元素在頁面上使用：

<a href="#idOfElement">anchor text</a>

通常點擊這些鏈接時，有問題的元素在瀏覽器窗口的頂部顯示。但是，因爲我有我的固定菜單，所以菜單隱藏了內容（或至少第一個〜50px）。

有沒有辦法來抵消內頁的鏈接，以便它不帶請求的元素在頁面的最頂端？

Answer 1

使用JavaScript（jQuery的），假設你的內容股利和超鏈接有一個ID，並假設我明白你的問題：

$("#yourAId").click(function(){ 

    $("#yourContentId").css("padding-top", $("#yourContentId").css("padding-top") + 50); 

});