CSS中的position屬性可以用來控制元素的位置。其中position:fixed表示元素固定在屏幕上的位置,不受滾動條的影響。
.example { position:fixed; top:0; }
上面的代碼將使class為example的元素固定在屏幕的頂部。
當(dāng)使用position:fixed時,需要注意的是,固定元素可能會遮擋其他內(nèi)容。可以通過設(shè)置z-index屬性來控制固定元素的層級。
.example { position:fixed; top:0; z-index:999; }
上面的代碼將使class為example的元素固定在屏幕的頂部,并且在層級上位于其他元素之上。
固定在屏幕頂部的元素可以是導(dǎo)航欄、廣告等常見元素。使用CSS的position:fixed屬性可以輕松實(shí)現(xiàn)這個效果。
上一篇vue插件的概念