👁 Plugin returns an element currently visible on the screen.
In a nutshell, when you scroll the page (or a Repeating Group), plugin will provide you current element visible on the screen.
🔥 Some use cases:
➡️ Animate an element when it becomes visible on the screen
➡️ Dynamically highlight a nav element in the nav bar (check the demo for an example).
➡️ Dynamically change selected element in a dropdown on scroll
➡️ Dynamically highlight an item in TOC (Table of Content) on scroll
🔥 Features:
➡️ Can be used to implement the scrollspy feature in Bubble or animate elements
➡️ It works with any Bubble element (returns an element ID)
➡️ It works for Repeating Groups as well (returns visible item / index)
➡️ Works for both, Vertical and Horizontal Repeating Groups
➡️ Get "Current Item", "Current ID", "Current Index" visible on the screen
➡️ Plugin fires an event "Item changed" that you can use in your Workflows
➡️ Setup rules, in which part of the screen an element considered as "visible"
🔗 Demo 1 - Without RepeatingGroup:
https://scrollspy.bubbleapps.io/version-test/ids🔗 Editor 1:
https://bubble.io/page?name=ids&id=scrollspy&tab=tabs-1🔗 Demo 2 - Vertical RepeatingGroup:
https://scrollspy.bubbleapps.io/version-test🔗 Editor 2:
https://bubble.io/page?name=index&id=scrollspy&tab=tabs-1🔗 Demo 3 - Horizontal RepeatingGroup:
https://scrollspy.bubbleapps.io/version-test/horizontal🔗 Editor 3:
https://bubble.io/page?name=horizontal&id=scrollspy&tab=tabs-1📚 Full Description, Documentation & Screenshots:
https://bubble.digital-bird.com/plugins/scrollspy
Built on Bubble
