簡單固定頁首功能列CSS設定

下圖是一個固定頁首功能列的設定,左圖是網頁一開始載入的舉面,右圖則是捲動畫面時的情形。


由於樣式固定了頁首功能列(黑色的部份),因此只有內容畫面會往上捲動。要完成如此的設定,只需將黑色列部份的樣式設定為 position:fixed 並設定 top:0px 即可。

沒有留言: