Skip to main content

Scrollview

The Scrollview component defines a scrollable area in a user interface. A scrollview can be scrolled via Scrollbar components.

See the User Interface section for more details.

Scrollview Component

Component Properties

PropertyDescription
Scroll ModeSpecifies how the scroll view should behave when the user scrolls past the end of the content. Modes are defined as follows:
  • Clamp: Content does not scroll any further than its bounds.
  • Bounce: Content scrolls past its bounds and then gently bounces back.
  • Infinite: Content can scroll forever.
BounceControls how far the content should move before bouncing back.
FrictionControls how freely the content should move if thrown, i.e. By flicking on a phone or by flinging the scroll wheel on a mouse. A value of 1 means that content will stop immediately; 0 means that content will continue moving forever (or until the bounds of the content are reached, depending on the scroll mode).
Use Mouse WheelWhether to use mouse wheel for scrolling (horizontally and vertically) when mouse is within bounds.
Mouse Wheel SensitivityMouse wheel horizontal and vertical sensitivity. Only used if Use Mouse Wheel is set. Setting a direction to 0 will disable mouse wheel scrolling in that direction. 1 is a default sensitivity that is considered to feel good. The values can be set higher or lower than 1 to tune the sensitivity. Defaults to [1, 1].
ViewportThe entity to be used as the masked viewport area, within which the content will scroll. This entity must have an ElementGroup component.
ContentThe entity which contains the scrolling content itself. This entity must have an Element component.
HorizontalWhether to enable horizontal scrolling.
Scrollbar (horizontal)The entity to be used as the horizontal scrollbar. This entity must have a Scrollbar component.
Visibility (horizontal)Controls whether the horizontal scrollbar should be visible all the time, or only visible when the content exceeds the size of the viewport.
VerticalWhether to enable vertical scrolling.
Scrollbar (vertical)The entity to be used as the vertical scrollbar. This entity must have a Scrollbar component.
Visibility (vertical)Controls whether the vertical scrollbar should be visible all the time, or only visible when the content exceeds the size of the viewport.