scroll-margin

Read More at MDN DocsView Spec

Safe to Use

scroll-margin is considered safe to use.

It’s supported by 92% of global browsers.

Browsers

ChromeSep 4, 2018v69.0.0
25%╱99%
There are no users of Chrome running a supported version.
SafariApr 26, 2021v14.1.0
5%╱91%
There are no users of Safari running a supported version.
EdgeJan 15, 2020v79.0.0
5%╱100%
There are no users of Edge running a supported version.
FirefoxJul 13, 2021v90.0.0
2%╱96%
There are no users of Firefox running a supported version.

Version Breakdown

 
Agent
Support
Adoption
Chrome
Sep 4, 2018 v69.0.0
25%╱99%
There are no users of Chrome running a supported version.
Sep 4, 2018 – Latest
v69.0.0+
25%╱99%

Full Support

Chrome Android
Sep 4, 2018 v69.0.0
36%╱100%
100% of Chrome Android users are running a supported version.
Sep 4, 2018 – Latest
v69.0.0+
36%╱100%

Full Support

Edge
Jan 15, 2020 v79.0.0
5%╱100%
There are no users of Edge running a supported version.
Jan 15, 2020 – Latest
v79.0.0+
5%╱100%

Full Support

Firefox
Jul 13, 2021 v90.0.0
2%╱96%
There are no users of Firefox running a supported version.
Jul 13, 2021 – Latest
v90.0.0+
2%╱96%

Full Support

Jul 9, 2019 – Jul 13, 2021
v68.0.0 – v90.0.0
0%╱2%

Partial Support

The scroll-margin property can cause an element's visibility to be incorrectly calculated for element.focus(). See bug 1708303.

Firefox for Android
Jul 13, 2021 v90.0.0
Firefox for Android supports this feature.
Jul 13, 2021 – Latest
v90.0.0+

Full Support

Jul 9, 2019 – Jul 13, 2021
v68.0.0 – v90.0.0

Partial Support

The scroll-margin property can cause an element's visibility to be incorrectly calculated for element.focus(). See bug 1708303.

Internet Explorer
Unsupported
Internet Explorer does not support this feature.

No Support

 
Quest Browser
Unknown v6.0.0
Quest Browser supports this feature.
Unknown
v6.0.0+

Full Support

Opera
Sep 25, 2018 v56.0.0
1%╱98%
There are no users of Opera running a supported version.
Sep 25, 2018 – Latest
v56.0.0+
1%╱98%

Full Support

Opera Android
Nov 8, 2018 v48.0.0
Opera Android supports this feature.
Nov 8, 2018 – Latest
v48.0.0+

Full Support

Safari
Apr 26, 2021 v14.1.0
5%╱91%
There are no users of Safari running a supported version.
Apr 26, 2021 – Latest
v14.1.0+
5%╱91%

Full Support

Sep 19, 2017 – Latest
v11.0.0+
5%╱96%

Alternate name: scroll-snap-margin

Partial Support

Before version 14.1, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.

Safari on iOS
Apr 26, 2021 v14.5.0
16%╱95%
There are no users of Safari on iOS running a supported version.
Apr 26, 2021 – Latest
v14.5.0+
16%╱95%

Full Support

Sep 19, 2017 – Latest
v11.0.0+
16%╱99%

Alternate name: scroll-snap-margin

Partial Support

Before version 14.5, scroll margin is not applied for scrolls to fragment target or scrollIntoView(), see bug 189265.

Samsung Internet
Aug 22, 2019 v10.0.0
2%╱93%
There are no users of Samsung Internet running a supported version.
Aug 22, 2019 – Latest
v10.0.0+
2%╱93%

Full Support

WebView Android
Sep 4, 2018 v69.0.0
WebView Android supports this feature.
Sep 4, 2018 – Latest
v69.0.0+

Full Support

See Also

Contribute