1. Add a "Page is loaded" workflow trigger
2. Add action → Plugins → Initialize Scroll to Top
3. Customize the fields:
• scroll_threshold → px scrolled before button appears (default 300)
• button_size → width and height in px (default 48)
• background_color → button background color (hex)
• icon_color → arrow icon color (hex)
• border_radius → roundness (50 = circle, 8 = rounded square)
• position → bottom-right / bottom-left / bottom-center
• bottom_offset → distance from bottom of screen in px
• side_offset → distance from side of screen in px
• scroll_duration → scroll animation speed in ms (default 500)
• show_shadow → yes / no
TIPS:
- Place action in "Page is loaded" workflow for auto-init
- Use border_radius 50 for circle, 12 for rounded square
- Set scroll_duration to 300 for snappy, 800 for slow
- Works alongside Toast Notification — z-index won't conflict
Demo Editor Link:
https://bubble.io/page?id=mbbuilds5&test_plugin=1780465530002x459425778920325100_current&tab=Design&name=scroll_to_top_button&type=page&elements=bTGcO