MARKETPLACE
PLUGINS
INSTANT SCROLL DETECTOR PRO
Instant Scroll Detector Pro logo

Instant Scroll Detector Pro

Published February 2025
   •    Updated December 2025

Plugin details

📢 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.

Platform

Web

Contributor details

IFINITY | Build your 'if' logo
IFINITY | Build your 'if'
Joined 2023   •   14 Plugins
View contributor profile

Instructions

🛠 How to Use Instant Scroll Detector Pro

1️⃣ Add the Plugin

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.



Editor page: https://bubble.io/page?id=if-devsplugin-66983&tab=Design&name=%F0%9F%93%81+plugin-Instant+Scroll+Detector+Pro&type=custom

Demo page: https://if-devsplugin-66983.bubbleapps.io/version-test/plug-ins/1739333420014x941759035258437600


📩 Support & Custom Plugin Development
Need help or looking for a custom Bubble plugin? We’re here to assist!

📧 Email: [email protected]
🌐 Website: https://if-inity.io

🌐 Discover More Plugins by IFINITY
▪ Explore More Plugins: https://if-inity.io/product/plugin

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:

Resources

Support contact
Documentation
Tutorial

Rating and reviews

Average rating (5.0)

Easy to set up and works perfectly!
February 14th, 2025
Bubble