CSS頂部固定不動是一種非常實用且常見的網頁設計技巧。通過設置元素的position屬性為fixed,可以使該元素固定在瀏覽器窗口的頂部,無論用戶如何滾動頁面,該元素的位置仍不會改變。
.selector { position: fixed; top: 0; left: 0; width: 100%; z-index: 999; }
上面的代碼是一個基本的CSS樣式,它將指定的選擇器元素固定在頁面的頂部。其中,position屬性被設置為fixed,表示該元素固定在瀏覽器視窗中,并且top和left屬性被設置為0,表示該元素距離窗口頂部和左側的距離都為0。最后,為了確保該元素位于其他元素之上,z-index屬性被設置為999。
在實際開發中,我們可以將此技巧應用于各種站點元素,例如網站導航欄、頁眉和頁腳等。通過使用該技巧,用戶可以在網頁上自由滾動,而不必擔心自己需要重新定位導航欄或其他站點元素。