【公告】網站目前停止所有的課程訂閱服務,原有學員權益不受影響,造成不便還請見諒,我們正在打造更多課程以及圖書,包含 Python 為主的課程主題,未來將會合併且擴充目前的課程內容,提供全新課程訂閱服務,感謝學員的支持。

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

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


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

沒有留言: