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导航到屏幕中间，但不要滚动浏览导航和导航2。我尝试过很多css和jquery技巧。但没有工作。我也没有找到任何有这种标准的主题。有什么建议吗？

Answer 1

这是脚本将顶部值调整为50％..使其中间

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

Answer 2

尝试jQuery动画功能，这里是如何使用http://css-tricks.com/snippets/jquery/smooth-scrolling/

的链接

jquery + css在div上方滚动

2 个答案: