The Element Scroll instance gives you precise control over in‑page navigation and user focus without writing any custom code. Configure the Target Element ID and Parent Container ID fields to point at the element you want to reveal and the container you want to scroll. Adjust Animation Duration for smooth transitions or leave it blank for instant jumps, and fine‑tune the final position with a Vertical Offset.
Under the hood, Element Scroll snapshots your current scroll positions—and publishes them as Current Page Position and Current Parent Position states—so you can always return users to where they came from using the Scroll Back workflow action. Both actions fire clear workflow event triggers when complete, making it trivial to chain animations, UI highlights, or analytics events in your workflows.
This plugin enhances UX by guiding users through long forms, tutorial steps, or dynamic lists. Advanced developers can leverage exposed states to record scroll behavior for analytics or trigger monetization features—such as revealing in‑app promotions when a user reaches a specific section. All scrolling happens client‑side at zero server cost, ensuring your UI stays snappy and your Bubble workload‑unit usage remains rock‑bottom.
A lightweight plugin element—referred to as an instance—that lets you programmatically scroll a container to a target element and back, with optional smooth animation and offset control. It captures your page and container scroll positions as exposed states so you can return to where you started, and provides workflow event triggers to know exactly when scrolling completes.
The Target Element ID field tells the instance which child element to scroll into view inside your container. Enter the DOM ID of the element you want to bring into focus. When you run the Scroll to Element workflow action, the instance reads this ID to locate and align the target.
Use Parent Container ID to specify the scrollable container that holds your target element. Enter its DOM ID so the instance knows where to perform the scroll.
Set Animation Duration (in milliseconds) to control how long a smooth scroll takes. A non‑zero value causes the container to scroll smoothly over that duration, then fires the Scroll to Element Complete workflow event trigger. Leaving this field blank or setting it to zero results in an instant jump.
The Vertical Offset field lets you add or subtract extra pixels from the final scroll position. Use a positive value to scroll slightly past the element’s top, or a negative value to stop above it. This is useful when you have fixed headers or want custom padding.