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