偏移页面间链接

Question

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

<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 );
});