scroll-padding

The scroll-padding shorthand property sets scroll padding on all sides of an element at once, much like the padding property does for padding on an element.

Read More at MDN DocsView Spec

Safe to Use

scroll-padding 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 9, 2019v68.0.0
2%╱98%
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 9, 2019 v68.0.0
2%╱98%
There are no users of Firefox running a supported version.
Jul 9, 2019 – Latest
v68.0.0+
2%╱98%

Full Support

Firefox for Android
Jul 9, 2019 v68.0.0
Firefox for Android supports this feature.
Jul 9, 2019 – Latest
v68.0.0+

Full Support

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 – Apr 26, 2021
v11.0.0 – v14.1.0
1%╱10%

Partial Support

Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.

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 – Apr 26, 2021
v11.0.0 – v14.5.0
1%╱6%

Partial Support

Scroll padding is not applied for scrolls to fragment target or scrollIntoView(), see bug 179379.

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