Scroll Element
Control scrolling behavior of web elements. Use this action to navigate through content, load dynamic elements, or ensure elements are in view before interacting with them.
Inputs
☐ Prompt / Description (Required)
A clear and concise instruction describing what this step should do. This helps the AI debug and re-adjust the scrolling behavior if needed.
Good Example: "Scroll down 500 pixels to load more search results."
Bad Example: "Move the page down a bit so that more things appear, but make sure it's not too much scrolling."
Why it’s bad? Too vague, doesn’t specify how much to scroll, and lacks a clear purpose.
☐ Element Selector (Required)
Define the element to be scrolled using one of the following methods:
CSS Selector
Use standard CSS selectors to identify the element.
Default: "html" (scrolls the entire page)
XPath
Use an XPath expression to precisely locate the element.
☐ Scroll Behavior (Required)
Horizontal Scroll
Specify how many pixels to scroll left/right (Optional, Default: 0)
Vertical Scroll
Specify how many pixels to scroll up/down (Optional, Default: 0)
Scroll to Element
If checked, automatically scroll the selected element into view (Optional)
Usage Example
Scenario: Scrolling down to load more search results
Notes
- The Prompt / Description is required to help AI debug and adjust the scrolling behavior if needed.
- Ensure the selector uniquely identifies the target element to avoid unintended scrolling.
- Using “Scroll to Element” is recommended when working with dynamically loaded content that requires an element to be in view before interaction.