Using scroll gestures

Scroll gestures can be used to create animations that are controlled by the scroll position of a scroll group. Scroll gestures are available in the behavior designer.

First you’ll want to create a scroll group, create a group around the scroll group, also containing any other layers that you want to animate based on scroll position. Add a behavior to the group surrounding the scroll group.

Create a scroll gesture

Keep in mind that scroll gestures are a link from one state to another. You won’t see the scroll position change in the Behavior Designer, but you will define a range to scroll through, and a target state.

Scroll gestures automatically cause the reverse scroll gesture to be created invisibly on the target state. It is not necessary to create a scroll gesture going back in the other direction as with other gesture types.