# ScrollBars

Most controls that need scroll bars provide them automatically, such as multiline `TextBox`, `ListBox`, and `ComboBox` controls.

Use this control to implement scrolling in containers without built-in scroll bars (like `PictureBox`) or for numeric data input. The `Minimum` and `Maximum` properties set the range of selectable values. The `LargeChange` property controls the effect of clicking within the scroll bar area, while `SmallChange` determines the effect of clicking the scroll arrows.

{% hint style="info" %}
For a full list of properties, methods and events see the [API documentation.](http://docs.wisej.com/api)
{% endhint %}

## Features

The `ScrollBars` control can be configured as either horizontal or vertical using the appropriate class.

![ScrollBars control showing horizontal and vertical orientations](https://553579532-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2F-MF1D11gPs_az3xaKusw%2Fuploads%2Fgit-blob-97ca92e3d158f4e4194cf1437f5e8051e11d5d8b%2Fimage.png?alt=media)

## Advanced

### JavaScript Widget

| Item             | Description                                                                                                                                                                                              |
| ---------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
| Class name       | "wisej.web.HScrollBar" for the horizontal scrollbar. "wisej.web.VScrollBar" for the vertical scrollbar.                                                                                                  |
| Theme appearance | "scrollbar", see [Themes](https://docs.wisej.com/theme-builder/theme-elements/elements).                                                                                                                 |
| Child components | "slider" is the scroll container. "button-end" is the ending scroll button. "button-top" is the beginning scroll button. See [JavaScript](https://docs.wisej.com/docs/concepts/javascript-object-model). |
| Source code      | [https://github.com/iceteagroup/wisej-js](https://github.com/iceteagroup/wisej-js/blob/master/wisej.web.TextBox.js)                                                                                      |