scroll-padding-bottom
The scroll-padding-bottom property sets the bottom scroll padding of an element.
Formal Syntax
auto | <length-percentage [0,β]>
JavaScript Access
// Access via element.style
element.style.scrollPaddingBottom = 'auto';
Logical Property Group
This property belongs to the scroll-padding logical property group, which includes:
- scroll-padding-block-end
- scroll-padding-block-start
- scroll-padding-bottom (current property)
- scroll-padding-inline-end
- scroll-padding-inline-start
- scroll-padding-left
- scroll-padding-right
- scroll-padding-top
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| scroll-padding-bottom | 69 | 68 | 14.1 | 79 |
| auto | 78 | 68 | 15 | 79 |
Related Properties
- overscroll-behavior
- overscroll-behavior-block
- overscroll-behavior-inline
- overscroll-behavior-x
- overscroll-behavior-y
- scroll-behavior
- scroll-margin
- scroll-margin-block
- scroll-margin-block-end
- scroll-margin-block-start
- scroll-margin-bottom
- scroll-margin-inline
- scroll-margin-inline-end
- scroll-margin-inline-start
- scroll-margin-left
- scroll-margin-right
- scroll-margin-top
- scroll-padding
- scroll-padding-block
- scroll-padding-block-end
- scroll-padding-block-start
- scroll-padding-inline
- scroll-padding-inline-end
- scroll-padding-inline-start
- scroll-padding-left
- scroll-padding-right
- scroll-padding-top
- scroll-snap-align
- scroll-snap-stop
- scroll-snap-type
- scroll-initial-target π§ͺ
- scroll-marker-group π§ͺ
- scroll-target-group π§ͺ