Link 到网页的特定部分，但距顶部一定高度

Question

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

基本上我想用

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

但是我怎样才能让它不把 div 放在浏览器的最顶部 window？我检查了一种方法，说在 div 的顶部添加填充，但我的设置不可能做到这一点。

这里是直播site。我需要去id='Forms'div点击大图中间蓝色栏的表格link

Answer 1

尝试以下代码，当您单击 Forms & FAQs

时，该代码会动画到该区域

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

Link 到网页的特定部分，但距顶部一定高度

Link to specific part of webpage but at a certain height from the top

html

javascript

css

jquery