Reset Scroll (Floating Group)

Aqsa Fatima

Last Update 2 years ago

Description

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: 

https://chakor-demo-4.bubbleapps.io/version-test/reset_scroll__floating_group_


🔗 Editor Link: 

https://bubble.io/page?id=chakor-demo-4&test_plugin=1733490463912x869522142311743500_current&tab=Design&name=reset_scroll__floating_group_&type=page


Our team is available to solve any problems or questions you may have, please open a thread on our support forum: https://forum.thechakor.com/t/plugin-issues

How to use:

  • Install the Plugin: Add the Scroll to Top plugin to your Bubble app from the Plugin Marketplace.
  • Set the Element ID:
    1. Go to the scrollable element (e.g., a floating group).
    2. Enable ID Attributes in Settings > General if not already enabled.
    3. Add a unique ID Attribute to the element (e.g., Scrollable-group)
  • Create a Workflow:
    1. Open the Workflow Editor.
    2. 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.

    • Was this article helpful?

    0 out of 0 liked this article