html - 偏移页间链接

Question

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

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

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

有没有办法抵消内页链接，所以它不会将请求的元素带到页面的最顶部？

Answer 1

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

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

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

});