抵消页面间链接

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

});