CSS 位置:sticky

- WD

依據元素在視窗中的顯示方式,將元素保持在「固定」或「相對」的位置。因此,在必要時,元素會在捲動時「固定」。

Chrome

  1. 4 - 22: 不支援
  2. 23 - 36: 預設停用
  3. 37 - 51: 不支援
  4. 52 - 55: 預設停用
  5. 56 - 90: 部分支援
  6. 91 - 123: 支援
  7. 124: 支援
  8. 125 - 127: 支援

Edge

  1. 12 - 15: 不支援
  2. 16 - 18: 部分支援
  3. 79 - 90: 部分支援
  4. 91 - 123: 支援
  5. 124: 支援

Safari

  1. 3.1 - 6: 不支援
  2. 6.1 - 7: 部分支援
  3. 7.1 - 12.1: 支援
  4. 13 - 17.3: 支援
  5. 17.4: 支援
  6. 17.5 - TP: 支援

Firefox

  1. 2 - 25: 不支援
  2. 26 - 31: 預設停用
  3. 32 - 58: 部分支援
  4. 59 - 124: 支援
  5. 125: 支援
  6. 126 - 128: 支援

Opera

  1. 9 - 38: 不支援
  2. 39 - 41: 預設停用
  3. 42 - 77: 部分支援
  4. 78 - 108: 支援
  5. 109: 支援

IE

  1. 5.5 - 10: 不支援
  2. 11: 不支援

Chrome for Android

  1. 124: 支援

Safari on iOS

  1. 3.2 - 5.1:不支援
  2. 6 - 7.1:部分支援
  3. 8 - 12.5:支援
  4. 13 - 17.3: 支援
  5. 17.4: 支援
  6. 17.5:支援

Samsung Internet

  1. 4 - 5.4:不支援
  2. 6.2 - 23:支援
  3. 24:支援

Opera Mini

  1. 全部:不支援

Opera Mobile

  1. 10 - 12.1:不支援
  2. 80:支援

UC Browser for Android

  1. 15.5:支援

Android Browser

  1. 2.1 - 4.4.4:不支援
  2. 124: 支援

Firefox for Android

  1. 125: 支援

QQ Browser

  1. 14.9:部分支援

Baidu Browser

  1. 13.52:支援

KaiOS Browser

  1. 2.5:部分支援
  2. 3:支援

任何黏著元素及其使用者可捲動容器之間的祖先,其溢位計算為除了 visible/clip 以外的任何內容,都會有效防止黏著行為。

資源
MDN 網路文件 - CSS 位置
HTML5Rocks
Polyfill
另一個 Polyfill
geddski 文章:範例和陷阱
WebPlatform 文件