sticky 和 fixed區別

fixed：固定的位置。一般用作懸浮按鈕的設計。不管當前頁面如何滾動，它的位置始終相對於窗體不變。元素從普通文檔流中刪除,並沒有空間為頁面中的元素創建布局。 它是相對於初始定位包含塊建立的視窗,除非其祖先之一transform, perspective,或filter屬性集之外的東西none(見CSS轉換規範),在這種情況下,祖先的行為包含塊。 (註意,瀏覽器不一致perspective和filter包含塊的形成做出貢獻。) 其最終位置的值決定top, right, bottom,left.這個值總是創建一個新的疊加背景。 在打印文檔中,元素放置在相同的位置每一頁

sticky：粘貼到某個位置。當組件設置了該屬性值後，當頁面滑動時，組件會跟著頁面移動，當組件觸及到窗體後，頁面若繼續滑動，組件則處在與窗體接觸的位置不動。元素的定位是根據文檔的正常流動,然後相對於其抵消最近的滾動的祖先和包含塊(最近的塊級的祖先),包括table-related元素,基於的值top, right, bottom,left。 偏移量並不影響其他元素的位置。這個值總是創建一個新的疊加背景。 註意,粘性的元素“棍棒”最近的祖先有“滾動機制”(時創建的overflow是hidden, scroll, auto,或overlay),即使這不是最近的祖先實際上滾動的祖先。 這有效地抑制任何(參見“粘性”行為Github在W3C CSSWG問題).

Sixth week blog3