CSS position:sticky
Keeps elements positioned as "fixed" or "relative" depending on how it appears in the viewport. As a result the element is "stuck" when necessary while scrolling.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3webkit |
4.4 | |||||||||||||||
14 | 52 | 57 | 10webkit |
10.0-10.2webkit |
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53 | 58 | 10.1webkit |
44 | 10.3webkit |
all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2
See notes:
|
7.12 |
54 | 59 | TPwebkit |
45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
-
1
Can be enabled in Firefox by setting the about:config preference layout.css.sticky.enabled to true
-
2
Enabled through the "experimental Web Platform features" flag