如何使這個導航欄在滾動時浮動在上面？

與它的JavaScript設置沿着整個導航欄可以在這裏現在它停留在頁面的頂部找到如何使這個導航欄在滾動時浮動在上面？

，但我不知道它是否可以作出浮在上面，即使你的時候向下滾動頁面。謝謝。

2012-04-17 nye17

http://stackoverflow.com/questions/3593594/how-to-keep-the-header-static-always-on-top同時滾動 – Ghokun 2012-04-17 19:00:25

無關，但是，如果您單擊下拉菜單，並再次單擊以關閉，在您離開鼠標後，懸停效果仍然存在：O – ajax333221 2012-04-17 19:03:04

@ ajax333221是的，從未注意到，感謝您指出了這一點！ – nye17 2012-04-17 21:07:37

我認爲你需要使用position:fixed

nav { 
position:fixed; 
top:0; 
width:100%; 
}

2012-04-17 19:01:22 lnrbob

謝謝，實際上我已經試過這個'postion：fixed'選項，但顯然在我的css設置中有其他東西搞砸了。它在jsFiddle沙箱中完美工作，但在我的實際頁面中並不那麼完美。我需要弄清楚，但現在我確定這不是'nav'的問題。 – nye17 2012-04-17 19:17:21

只是把我的頭，下面應該做它的頂部..

.nav{ 
    display:block; 
    position:absolute; 
    top:0; 
    left:0; 
    right:0; 
    width:100%; 
}

2012-04-17 18:59:38

如果你的元素是'nav'或者你的元素類是'.nav'使用這段css代碼：

nav, .nav{ 
position:fixed; 
top:0; 
width:your_custom_with; 
height: your_custom_height 
}

2012-04-17 19:06:17 luchopintado

謝謝，我檢查了那個頁面，正如我在@inrbob的回覆中提到的，還有其他的東西搞砸了;-) – nye17 2012-04-17 19:18:18

回答