Skip to content

Scrollbar

Custom scrollbar component, providing a better scrolling experience.

Basic Usage

Control the height of the scrolling area by setting the height attribute.

Scroll Snap

Combining with the ol-scroll-snap component, scroll snap effect can be achieved. Setting the snap attribute to both, x, or y enables scroll snap in both horizontal and vertical directions.

Scrollbar Attributes

Attribute NameDescriptionTypeDefault Value
heightHeight of the scrolling areastring | number-
snapScroll snap direction, optional values are x, y, bothstring-

ScrollSnap Attributes

Attribute NameDescriptionTypeDefault Value
alignAlignment of scroll snap, optional values are start, center, endstringcenter