I'm wondering if someone can help me with the effect I'm trying to achieve. The goal is to have a scroll interaction happen whether the user scrolls manually (by using their mouse or finger(s) on an iOS touchscreen or on a laptop trackpad) or by using navbar menu buttons to pull up different areas of this one page site.
Here is the sharing link: https://preview.webflow.com/preview/scindoyan1?preview=c0be23087b27289d51f22d3eb4c60208
I realize moving sections around via button clicks, as I have it set up, as an interaction, is different than actually scrolling via the methods I described. But the scrolling interactions (one element fading on through an opacity animation, two others moving vertically) is based on another element, transparent, coming into the viewport. So, it would seem that however that element comes into the viewport, it should trigger the animations. I tried achieving this effect by doing the linking to unique id's via the settings tab of the panel, but that didn't work. Using the interactions to control the ease speed of the movement of the section vertically seemed like a better idea.
To test out what I have so far, you can click on the word Design in the navbar, and the word Home. If anything I've written is unclear, what I'm trying to achieve, let me know.