2014-10-20 92 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/