html導航欄怎么能一直懸浮上面?
1/8首先我們的html里,添加好導航內容。
2/8后面的就是網頁的具體內容了,這里的代碼簡單一些。
3/8樣式里,我們先定義一些菜單里的樣式。
4/8這時運行頁面時,在滾動條滾動下去后,導航是會消失不見的。
5/8為了讓導航欄固定在頂部,我們可以在導航容器里添加樣式position: fixed;top: 0; 關鍵是第一個樣式,讓它的位置固定起來。
6/8這時運行頁面,頁面滾動起來,導航也始終在頂部的。
7/8另外需要修改的地方是導航后面的頁面內容,需要添加一個margin-top的樣式,margin的高度就是導航的高度,或大一點,這主要是讓其內容正常顯示,而不會被改成position為fixed的導航遮蓋住。
8/8添加margin后,導航后面的內容才能正常顯示出來。
下一篇主題引擎是什么