可能重複:
How do I make a Div move up and down while Scrolling the page?什麼是網頁標題導航的HTML/CSS,即使在滾動時也始終保持在頂部?
我想這樣做撐固定在網站頂部的用戶滾動,即使垂直100%的寬度標題導航。有點像這個網站:
我想谷歌,但我不能想出正確的稱呼。
那麼最簡單的方法是什麼?
可能重複:
How do I make a Div move up and down while Scrolling the page?什麼是網頁標題導航的HTML/CSS,即使在滾動時也始終保持在頂部?
我想這樣做撐固定在網站頂部的用戶滾動,即使垂直100%的寬度標題導航。有點像這個網站:
我想谷歌,但我不能想出正確的稱呼。
那麼最簡單的方法是什麼?
只需將頭的位置設置固定:
header {
position: fixed;
top: 0; left:0; right: 0;
}
這裏的小提琴:http://jsfiddle.net/M9RHn/
附:請記住從頂部偏移頁面內容,以便在用戶開始滾動之前頭部不會覆蓋任何內容。
將這些屬性添加到標題類中
.header {position:fixed;頂部:0; z-index:99; width:100%;}
您爲什麼需要z-index? – Ryan 2012-07-18 05:52:53
z-index不是必需的,只是爲了確保您的標題顯示在所有圖層之上。 – 2012-07-18 18:18:19
'position:fixed' – bfavaretto 2012-07-18 02:41:38