scroll-behavior
The scroll-behavior property specifies smooth scrolling behavior.
Formal Syntax
auto | smooth
JavaScript Access
// Access via element.style
element.style.scrollBehavior = 'auto';
Browser Support
| Feature | Chrome | Firefox | Safari | Edge |
|---|---|---|---|---|
| scroll-behavior | 61 | 36 | 15.4 | 79 |
| auto | 61 | 36 | 15.4 | 79 |
| smooth | 61 | 36 | 15.4 | 79 |
Related Properties
- overscroll-behavior
- overscroll-behavior-block
- overscroll-behavior-inline
- overscroll-behavior-x
- overscroll-behavior-y
- 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-bottom
- 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 ๐งช