做網站有一個常見的需求是當我們把內容捲動到超過畫面時,希望讓某個區塊固定在畫面上某處,以往我們可以使用 js 偵測頁面捲動到元素時設定 position: fixed 來固定,不過這個畢竟是用 js 搭配 css,第一個會有可能有延遲的狀況,另一個則是需要再調整樣式,不過在 CSS3 後來有 position: sticky 之後,就方便多了。