📢 Instant Scroll Detector Pro – Advanced Control Over Scrolling Interactions!
Effortlessly detect scrolling activity in your Bubble app and create dynamic, responsive designs based on user interactions – now with even more control and flexibility in the Pro version!
Perfect for implementing advanced UI effects such as hiding headers, triggering animations, or displaying back-to-top buttons with precise scroll direction detection and customizable delay settings.
🌟 What’s New in Pro?
🔹 Custom Scroll Direction Detection
▪ Choose to detect only upward scrolling (Top), downward scrolling (Bottom), or both directions (Both) for precise UI reactions.
🔹 Configurable Reaction Delay
▪ Set the exact delay (in milliseconds) before the plugin registers that scrolling has stopped, allowing for smoother and more natural UI transitions.
✨ Key Features
1️⃣ Real-Time Scroll Detection ▪ Instantly detect when a user starts scrolling (isScrolling = yes) and when they stop (isScrolling = no).
2️⃣ Easy-to-Use Exposed State ▪ Use the isScrolling state directly in Bubble’s conditions to trigger animations, workflows, or visual changes without relying on workflows.
3️⃣ Advanced Scroll Direction Control ▪ Detect scrolling only in a specific direction (Top, Bottom, or Both) for more precise UI behaviors.
4️⃣ Customizable Reaction Delay ▪ Control how long after scrolling stops before triggering the isScrolling = no state for a smoother user experience.
5️⃣ Highly Customizable ▪ Works seamlessly on any Bubble page and adapts to your app’s design needs.
📌 Example Use Cases
✅ Precise Header Hide/Show on Scroll → Hide the header only when scrolling down and show it when scrolling up.
✅ Show Back-to-Top Button → Display a scroll-to-top button when users scroll down, but not when they scroll up.
✅ Trigger Different Animations for Up & Down Scrolls → Activate different animations depending on whether the user is scrolling up or down.
✅ Smooth UI Transitions with Delayed Response → Set a custom delay so that elements don’t disappear immediately when scrolling stops.
$4
One time • Or $2/mo
5.0 stars • 1 ratings
24 installs
This plugin does not collect or track your personal data.
Install Instant Scroll Detector Pro from the Bubble Plugin Marketplace.
2️⃣ Place the Element
Drag the ScrollDetectorPro element anywhere on your page.
3️⃣ Configure the Settings
Scroll Direction: Choose to detect Top, Bottom, or Both. Reaction Delay (ms): Set how long after scrolling stops before isScrolling changes to no.
4️⃣ Use in Conditions
When ScrollDetectorPro's isScrolling is "yes" → Trigger animations, hide/show elements, etc. When ScrollDetectorPro's isScrolling is "no" → Restore UI elements after scrolling stops.