The Scroll to Top plugin is a versatile and efficient solution for resetting the scroll position of any scrollable element, including floating groups, which are often unsupported by other existing plugins. With this plugin, you can seamlessly scroll to the top of floating groups, repeating groups, or any other scrollable containers using Bubble workflows.
🔗 Demo Page:
Install the Plugin: Add the Scroll to Top plugin to your Bubble app from the Plugin Marketplace.
Set the Element ID:
Go to the scrollable element (e.g., a floating group). Enable ID Attributes in Settings > General if not already enabled. Add a unique ID Attribute to the element (e.g., Scrollable-group)
Create a Workflow:
Open the Workflow Editor. Add the Scroll to Top action where needed (e.g., after a button click). Configure the Action:
Enter the Element ID (e.g., Scrollable-group) Choose the Scroll Behavior
Add a Small Pause:
Insert a Pause action (e.g., 100ms) before the Scroll to Top action to ensure the element is fully loaded.
Types
This plugin can be found under the following types: