2014-10-20 193 views
0

我正在关注此论坛更长的时间。但是因为我没有找到答案,所以我注册了一个问题。jquery + css上面滚动div

所以我的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技巧。但没有工作。 我也没有发现任何主题与这样的标准。有什么建议么?

+1

在有效的HTML代码里(名单项目)必须在ul或ol里面,而不是在div – styopdev 2014-10-20 11:30:49

+0

我不明白你要存档的内容以及如何操作?如果你想将页面滚动到'#januar',那么你需要在'#nav'和'#nav2'上滚动。真的不明白。 – vaso123 2014-10-20 11:33:29

回答

0

这里是脚本调整最高值50%的..使其中间

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

谢谢。有用! – pbalazek 2014-10-20 12:47:14

0

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