css中sticky屬性是什麼

說明

1、position的新屬性sticky，在螢幕範圍內(viewport)設定sticky元素時，該元素的位置不會受到定位的影響。

(設定為top、left等屬性無效)，當該元素的位置將移出偏移範圍時，定位又會變成fixed，並根據left、top等屬性進行固定。

2、sticky屬性解決了物件脫離常規流時下部物件瞬間偏移的問題。

就像relative和fixed的組合。

例項

.sticky {
    position: -webkit-sticky;
    position:    -moz-sticky;
    position:     -ms-sticky;
    position:         sticky;
    top: 1px;
}

以上就是css中sticky屬性的介紹，希望對大家有所幫助。更多css學習指路：

本文教程操作環境：windows7系統、css3版，DELL G3電腦。