jquery + css 在 div 上方滚动

Question

我关注这个论坛的时间更长了。但是因为我没有找到答案，所以我注册了一个问题。

所以我的 HTML 结构如下:

<div id="nav">
...<!-- navigation #1 !-->
</div>

<div id="nav2">
<li><a id="jan" href="#januar">JANUAR</a></li>
etc..
<!-- navigation #1 !-->
</div>


<div id="content">
<div id="januar">
*header here*
*table here*
</div>
<!-- februar, etc...-->
</div>

现在我想要的是。单击 #jan 链接时，将 #januar 导航到屏幕中间，但不要滚动到 nav 和 nav2 上方。我尝试了很多 css 和 jquery 技巧。但没有工作。我也没有找到任何符合此类标准的主题。有什么建议吗？

Answer 1

这是将最高值调整为 50%.. 使其居中的脚本

 $('html,body').animate({
                    scrollTop: $('#januar').first().offset().top - 100
                }, 'slow');