Scrollable
Modifiers
| Class | Description |
|---|---|
scrollable-horizontal | Creates a horizontal scrollable element |
scrollable-vertical | Creates a vertical scrollable element |
scrollable-prefers-horizontal | Use scrollableHorizontal script to change vertical mousewheel scrolls into horizontal scrolls with finese |
scrollable-nosnap | Disables CSS Scroll Snap |
CSS Variables
| Variable | Default | Possible values | Description |
|---|---|---|---|
--snap-type | proximity | none proximity mandatory | Value for scroll-snap-type. Determines strictness of the snap |
--snap-align | start | start center end | Value for css-snap-align. Determines location to snap to. |
--scroll-margin | 0 | Any length value | Amount of space between the edge of the container and the snap point |
--scroll-snap-delay | 1000 | Number | Time (in ms) to wait before activating CSS Scroll Snap after user scrolls. Used for the scrollableHorizontal script. |