2013-12-23 105 views
1

我正在使用bootstrap 3.0。當我在移動視圖中向下滾動時,只有幾次滾動後,菜單纔會彈出回頂部。有沒有解決這個問題?如何將菜單連接到頂部

1)初始視圖(附連到頂端菜單):

enter image description here

2)有幾個滾動向下視圖(需要在頂部顯示菜單) enter image description here

3)甲幾個卷軸(再次菜單)

enter image description here

我believ當css中某處存在某種規則,在最小滾動達到某個值時顯示菜單,所以我可能需要減少該值或其他值? 我只需要在移動視圖中將它附加到頂部,而不是在桌面或平板電腦視圖中。

回答

4

你可以用css來實現它。你應該在哪裏固定導航欄位置。

固定導航類在bootrstap中的頂級構建可以使用navbar-fixed-top類實現。 'navbar-fixed-top'的使用可以創建爲here。或者你可以使用下面的例子。

.nav 
{ 
    position: fixed; 
} 

閱讀更多關於here

P.S.我的建議只是使用內置的類或CSS。但你也可以用其他技術來做到這一點。

+0

是否有CSS做什麼當前行爲的規則?我只需要在移動視圖中修復它,但不能在桌面視圖中修復。 – sreginogemoh

+1

當然這是可能的。爲此使用媒體查詢。閱讀媒體查詢[這裏] [1]。 [1]:https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Media_queries – Khamidulla

+0

我猜導致當前行爲的查詢已經坐在引導程序的CSS? – sreginogemoh