CSS3不久前新增了position的屬性值，sticky。

設定了sticky的元素，在螢幕範圍（viewport）時該元素的位置並不受到定位影響，該在哪裡就是哪裡（設定是top、left等屬性無效）。但是，當該元素的位置將要移出螢幕範圍時，定位又會變成fixed，根據設定的left、top等屬性成固定位置的效果。

　　可以知道sticky屬性有以下幾個特點：

1、該元素並不脫離文件流，仍然保留元素原本在文件流中的位置。
2、元素固定的相對偏移是相對於它的父標籤而言的。即，設定的  left, top 等的值，是相對父標籤而言的。它只會在父標籤的範圍內sticky（粘性的）

　　比較蛋疼的是這個屬性的相容性還不是很好，目前仍是一個試驗性的屬性，並不是W3C推薦的標準。它之所以會出現，也是因為監聽scroll事件來實現粘性佈局使瀏覽器進入慢滾動的模式，這與瀏覽器想要通過硬體加速來提升滾動的體驗是相悖的。

caniuse網上的統計相容性情況如下：