Scroll / Paging

You can adjust the scrolling or paging properties of a container from its Property panel. To enable scrolling or paging layers inside a container, simply drag them into the target container from the Layer panel.

Scroll

This option enables horizontal or vertical scrolling. To make sure your scroll interactions work flawlessly, make sure the child layers extend beyond the bounding box of the scroll container.

Properties

Direction

The region towards which the finger moves

Overscroll

You can enable or disable the bounce effect that appears when a user overscrolls

Paging

Paging refers to a container that snaps to the equivalent of its height or width, depending on the chosen direction (horizontal or vertical).

Properties

Direction

The region towards which the finger moves

Overscroll

You can enable or disable the bounce effect that appears when a user overscrolls

Page by [Container]

The container moves the equivalent of its widt

Page by [Custom]

You can set a custom paging width. It’s useful, for example, when the layers inside the container have margins.