Scroll
Кроссбраузерный скроллбар.
Base Scroll#
Base
Vertical и Horizontal#
Вертикальный и горизонтальный Scrollbar отображается по умолчанию, если контент можно проскролить.
VerticalAndHorizontal
AutoHide#
Автоматическое скрытие Scrollbar если свойство autoHide={true}.
AutoHide
TrackSize and Color#
Цвет компонента меняется через свойство color. Более подробно про цвет в этой статье.
TrackSizeAndColor
MaxHeight#
Если указать только maxHeight, Scrollbar будет появляться и исчезать по мере заполнения контейнера.
Так же как и нативный.
MaxHeight
API#
| Name | Type | Default | Description |
|---|---|---|---|
| children | node | Это контент между открывающим и закрывающим тегом компонента. | |
| classes | object | Объект содержит jss стили компонента. | |
| className | string | Чтобы указать CSS классы, используйте этот атрибут. | |
| component | elementType | 'div' | Корневой узел. Это HTML элемент или компонент. |
| color | string | '#000000' | Название цвета в разных форматах. |
| vertical | bool | true | Если true, вертикальный Scrollbar включен. |
| horizontal | bool | true | Если true, горизонтальный Scrollbar включен. |
| autoHide | bool | true | Если true, Scrollbar будет скрываться через время. |
| autoHideDuration | number | 500 | Время выполнения анимации в ms |
| autoHideTimeout | number | 800 | Время через которое скроется Scrollbar из-за бездействия. |
| trackSize | number | 6 | Размер track. |
| onScroll | func | Вызывается по время скрола. | |
| onScrollStart | func | Вызывается при старте скрола. | |
| onScrollStop | func | Вызывается в конце скрола. | |
| style | object | {} | Style css. |