Scrollbar
This page is under construction
Makes content box scrollable when scrolling is available.
Usage
Sliders is used for scrolling content that is larger than the viewing space. It supports mouse down drag, two finger drag on touch pad and mouse wheel interaction.
In the code
To use the TritonScrollbar apply the class kx-scrollbar
on any element
<div class="kx-scrollbar">
This will have a TritonScrollbar
</div>
Anatomy
- Scroll bar: The scroll bar will move the content by dragging it up and down or side to side. The length of the scrollbar is relative to content size, but it has a minimum and maximum length.
- Track: The track is a fixed line that uses the entire height or width of the content box for the scroll bar to travel along.
Scroll direction
None
The content box has no scrolling
Vertical
The content box has vertical scrolling only
Horizontal
The content box has horizontal scrolling only
Both
The content box has vertical and horizontal scrolling
Auto
The content box automatically uses scrolling if content exeeds content box.