Javascript 链接到网页的特定部分，但在距顶部一定高度处

在我的页面上，我有一个随着用户滚动而移动的静态标题。这非常有效，但当我使用标准方法链接到页面上的特定div时，div会出现在标题后面

基本上我想用

<a href="#css-tutorials">Cascading Style Sheet Tutorials</a>
<div name="css-tutorials">CSS Tutorials</div>

CSS教程

但是我如何才能得到它，这样它就不会把div放在浏览器窗口的最顶端？我检查了一个方法，该方法说在div顶部添加填充，但这在我的设置中是不可能的

---

这是现场直播。当你点击大图中间的蓝色栏中的表单链接时，我需要去看<代码> ID/ClultDIV。< /P> < P>试试下面的代码，当你点击<代码>表单和FAQS < /代码>

时，该代码会活跃到那个区域。

$('[href="#Forms"]').click(function(e){
    e.preventDefault();
    $('html,body').animate({scrollTop:$('#Forms').offset().top - $('#siteHeader').height() + 1})
})

---

您可以将锚进一步向上移动，这样当用户到达那里时，目标位置（#forms）仍然低于标题。感谢您的回复，我尝试了这一点，但没有任何更改。我将上面的代码粘贴到我的JS文件中，但当我点击

Forms&FAQs

部分时，它就直接跳到了该区域，它仍然隐藏着。我在该网站上尝试过这一点，并且还在工作。。如果要将其粘贴到js文件中，则必须刷新缓存。。在控制台中运行它，我在控制台中尝试了它，它工作得很好，但是在JS文件中它不工作。我已经刷新了缓存并从浏览器中删除了所有缓存，但它仍然无法工作。有趣的是，同样的事情也发生在同一个站点的不同页面上，还有一些新添加的代码。我四处查看，似乎找不到解决方案。我通过在元素后面添加一个包含代码的脚本来修复t