偏移页面间链接

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

});