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.

Often it’s desirable to have a scroll gesture going back to the initial state when scrolling in the other direction. Simply create a link with a scroll gesture from the new state back to the initial state with the start and end values reversed.