Skip to main content
All CollectionsInteractions
Set Scroll X & Y Actions
Set Scroll X & Y Actions

Actions that scroll a container horizontally or vertically.

Updated over 2 weeks ago

Overview

Set Scroll actions scroll to a selected point value, percent value, or index of a page or stack. To scroll horizontally through an H stack, use a Set Scroll X action. To scroll vertically through a V stack, use a Set Scroll Y action.


Action Properties

Target

Select the container that will scroll.

Type

Set if the container should scroll to a point value, percent value, or index:

  • Scroll to PT: The container will scroll to a specific point value.

  • Scroll to Percent: The container will scroll to a percent of the total scrollable area.

  • Scroll to Index: The container will scroll to a selected object within the container.

Value

Set the scroll value. The unit is based on the selected type. You can use the Expression Editor for advanced actions.

Alignment

Set the alignment of the indexed object within the container. (for Scroll to Index actions only)

Animate

Choose to add action-specific animation with properties like Delay, Duration, and Easing (this will override values in animate blocks):

  • Delay: Set the number of seconds between the trigger firing and the action(s) beginning.

  • Duration: Set the number of seconds the action will take to complete

  • Easing: Choose the action's easing curve: Default, Linear, Ease In, Ease Out, Ease In & Out, Spring, and Custom (write your easing curve using the Expression Editor).

Did this answer your question?