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.