How to highlight scrolling content based on ID in RG

Hello dear friends. I’m facing a trigger problem that I’ve been trying to set up for two days, and it’s starting to get quite annoying.

In my application, there are two Recurring groups containing category names and category icons from the same database.

The RG containing the icons is fixed in a floating group on the left side of the page, while the other RG containing the category names and their relevant subdata is positioned in the middle of the page.

The structure I want to establish; Highlighting the relevant icon on the left according to the category displayed in the RG in the middle scrolled section.

I installed and tried the Scrollspy plugin for this, but the plugin does not work. In addition, I tried a combination of JS and HTML codes and CSS codes, as well as Bubble’s own built-in custom state methods, but for two days I could not find a permanent solution to this.

Help from someone with past experience on this would definitely be appreciated.
I need your help…

This topic was automatically closed after 14 days. New replies are no longer allowed.