π 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
