html - 偏移页面间链接

Question

所以在我的页面上，我有一个固定在页面顶部的菜单。菜单大约 50 像素高，横跨屏幕的整个宽度。为了在加载时正确显示页面内容，我在正文内容的顶部设置了任意数量的填充。现在，如果我想链接到页面上的一个元素，使用:

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

通常，单击这些链接时，相关元素会显示在浏览器窗口的顶部。但是，由于我在那里有固定菜单，因此菜单隐藏了内容(或至少它的前 ~50px)。

有没有办法偏移内页链接，使其不会将请求的元素带到页面的最顶部？

Answer 1

使用 Javascript (jQuery)，假设您的内容 div 和超链接有一个 ID，并且假设我理解您的问题:

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

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

});