修復div導航從滾動時隱藏的問題

Question

我有這個示例HTML5頁面，該頁面具有導航和粘貼在JSFiddle上的內容區域。

問題是，垂直滾動時<div id="nav">並沒有固定。 即使垂直滾動，如何將導航固定在瀏覽器頂部？

Answer 1

DEMO

body {
    margin: 0px;
    width: 100%;
    height: 120%;
    background: red;
}
#nav {
    position: fixed;
    width: 100%;
    z-index: 99;
    height: 25px;
    background: blue;
}

Answer 2

使用position:fixed和z-index屬性（您的問題歸因於圖層： fixed div位於#area div下）：

#nav{
   position:fixed;
   top:0;
   width:100%;
   height: 25px;
   z-index:50;
   background: blue;
}

例

Answer 3

創建另一個隱藏的導航（與已經使用的導航相同），並在用戶向下滾動足夠時顯示它。

這是一個很好的教程 。

這是我網站上一些經過編輯且有效的示例 。