User Manual

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).
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.