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

链接到网页的特定部分，但在顶部的某个高度

1 个答案: