Sticky Elements
Jannat
Last Update hace un año
Description:
The Sticky Element Plugin ensures key content stays accessible by dynamically fixing elements to the screen when scrolling. Whether it's a navigation bar, call-to-action button, or important information panel, this plugin provides a seamless way to enhance usability and engagement.
With smart triggers and flexible positioning, it smoothly transitions elements into a sticky state when a target element scrolls past, making it perfect for headers, toolbars, and interactive UI components.
✨ Key Features
📌 Automatic Sticky Behavior – Effortlessly attach elements to the viewport when scrolling past a trigger.
🎯 Trigger-Based Activation – Define a trigger element that determines when your sticky element should engage.
🔄 State & Events Support – Detect when an element becomes sticky and trigger actions accordingly.
📊 Perfect for Navigation & UI Components – Keep headers, menus, and buttons always within reach.
⚠️ Note: This plugin does not work with Repeating Groups in Bubble, as Bubble assigns the same ID to all repeating entries, making unique identification impossible.
With smart triggers and flexible positioning, it smoothly transitions elements into a sticky state when a target element scrolls past, making it perfect for headers, toolbars, and interactive UI components.
✨ Key Features
📌 Automatic Sticky Behavior – Effortlessly attach elements to the viewport when scrolling past a trigger.
🎯 Trigger-Based Activation – Define a trigger element that determines when your sticky element should engage.
🔄 State & Events Support – Detect when an element becomes sticky and trigger actions accordingly.
📊 Perfect for Navigation & UI Components – Keep headers, menus, and buttons always within reach.
⚠️ Note: This plugin does not work with Repeating Groups in Bubble, as Bubble assigns the same ID to all repeating entries, making unique identification impossible.
Instructions:
1️⃣ Add the Sticky Element to your Bubble page.2️⃣ Set the Sticky Element ID and Trigger Element ID in the plugin properties.
3️⃣ The element will automatically become sticky when the trigger scrolls out of view.
4️⃣ Track state changes with is_sticky, which updates when the element becomes or stops being sticky.
5️⃣ Use becomes_sticky and stop_being_sticky events in workflows to trigger actions when the element's state changes.
6️⃣ Ensure proper layout adjustments so sticky elements do not overlap important content.