When editing with the HTML Editor, you can use our Autoscroll plugin to control where the screen is scrolled to whenever it loads.
Follow the instructions below to use the Autoscroll plugin:
- Select an element on the screen that you would like to be scrolled to. The editor context menu will pop up and you can then click on the overflow button and select the Autoscroll option.
-
With the Autoscroll panel open, set the scroll behavior and choose the position of the element on the screen. Then, select what action should occur when the autoscroll finishes. By default, it will move to the next step in your demo flow, but you can pick a different action from the dropdown menu.
- Click on the Save button. You'll notice that the element will be highlighted in a light gray to indicate that it will be the scroll target.
- To modify or remove the Autoscroll from the element, click on the tab on the top left corner of the element and make your changes or click on the trash icon to delete.
Additional details on the available options for the Autoscroll panel:
-
Behavior:
- Smooth: This behavior will enable a scroll animation to the targeted element.
- Instant: This option will not have an animation, and the screen will load to the targeted element immediately.
-
Position:
- Top: The element will be at the top of the screen.
- Center: The element will be at the center of the screen.
- Bottom: The element will be at the bottom of the screen.
The element may not be scrolled completely to the top or bottom depending on the layout of other elements on the screen. For example, if you want a screen to start at the very bottom of the page, you could have the footer as the target and select the Top option for the Position. It's not likely that the footer will be at the top of the page, but the page will be scrolled to the bottom.