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

Question

在我的页面上，我有一个随着用户滚动而移动的静态标题。这很好用，但是当我使用标准方法链接到页面上的特定 div 时，div 最终位于标题后面。

基本上我想用

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

但是我怎样才能让它不把 div 放在浏览器窗口的最顶部呢？我检查了一种方法，该方法表示将填充添加到 div 的顶部，但我的设置无法做到这一点。

这是直播 site .当您单击大图中间蓝色条中的表单链接时，我需要转到 id='Forms' div。

Answer 1

尝试下面的代码，当您点击 Forms & FAQs

时，它会动画到该区域

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