Scroll group properties
Scroll Groups have additional properties which allow you to control the scrolling behavior.
Clip
The clip option causes the group’s content to be clipped by the group’s boundary. This is similar to a scroll group, but the content does not move inside. This is useful for making simple rectangular masks.
Radius
The radius option allows for adding rounded corners. The corner radius is animatable in the Transition Designer.
Content Size
The content inside the scroll group has a size that can be adjusted. By making this size larger than the actual space taken up by the content, you can add padding to the scrollable content. By making it smaller, you can add overflowing content that will be visible when scrolling past the end.
Initial Offset
The offset refers to the scroll position. Setting an initial offset will cause the Scroll Group to be “pre-scrolled” in the X or Y direction in the amount you specify.
Direction
Scroll Groups can have scrolling content in both directions, or just horizontal or vertical.
Indicator
The scroll indicator or scroll bar can be changed from black to white, or removed entirely with this option.
Bounce
This option allows removing the default bounce used by Scroll Groups.
Paging
This option causes the Scroll Group to snap to pages which are automatically defined based on the width or height of the Scroll Group.
Page Size
The page size option allows for choosing the size of the pages. Red indicator lines appear to help visualize the page size.
Directional Lock
This option applies when the Scroll Group direction is set to Both. Using directional lock will cause the scroll direction to lock based on it’s initial movement. If you scroll up, you won’t be able to accidentally scroll to the side unless you stop scrolling and start again.