Scroll To

Using this action, you scroll the scrollable widget to the beginning or end.

Prerequisites

Before you add this action, ensure you have a scrollable widget such as ListView, StaggereView, and GridView with enough items so that you can scroll.

Adding scroll to action

Follow the steps below to add this action to any widget.

  1. Select the Widget (e.g., FloatingActionButton) on which you want to add the action.

  2. Select Actions from the Properties panel (the right menu), and click + Add Action.

  3. Search and select the Scroll To (under Widget/UI Interactions) action.

  4. Set the Scrollable Widget to Control to the name of the scrollable widget (e.g., ListView) added to your page.

  5. Set the Scroll To either Beginning (to scroll to the start) or End (to scroll to the end) of the list.

  6. Specify the Duration in milliseconds (i.e., 1000ms = 1 second). This is the amount of time the scroll animation will take to complete. Note: If you suspect the list will be extensive, set the lower duration value.

Last updated