Scrollbar

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

1. 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.
2. 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.