CSS 的 position: sticky 屬性

在網站上常常看到有些內容你往下滑後,某一塊東西(可能是廣告或標題)會在往下滑的過程卡在頁面的某處,滑回去後又會回復到原本的位置,以往是要靠 js 判斷捲動位置後再改變 position 屬性,現在 CSS 可以直接設定就不用靠 js 了,真的很方便。

用法很簡單就是設定 position: sticky 就好,並可以像 fixed 或 absolute 一樣設定固定後的位置,看下面的範例就很清楚。


留言