Streaming live at 10am (PST)

How to interact both tabs and scroll triggers at the same time?


#1

Hello

I tried really so much to figure it out this but i got stucked. I'm trying to find out how to give interaction to the first tab. I want to animate the first tab that is open when i scroll the page. I'm sharing the link below.

https://preview.webflow.com/preview/reos?preview=317beb5f0ffbcd12c89906414cc66c41

thanks in advance


#2

Hey @inutero,

I'm not sure if i am understanding you.
Tabs interaction is designed to work when you click on a tab.
Scroll interaction trigger with scroll.

It doesn't make sense to combine those two type of interaction since tabs interaction need a click to work.

Can you please explain to me what kind of effect/animation you want to achieve, so i can help you to figure out the best way to do it.


#3

Hey @zbrah,

sorry i wrote the message in a rush. I basically want that when i scroll down i wanna animate the first tab of tabs section as well, if its possible on webflow. I was trying to understand how the interaction works and thought that i could combine scroll trigger with tabs trigger. Like this i scroll down and 1st tab works, then, for the second tab i use the tabs trigger.

does it work like that?

thank you


#4

No problem @inutero

You can simply add a scroll interaction on your element

If you want to put you tabs interaction on the same element, when you have finished with the scroll interaction, add your new interaction like this


#5

Thanks a lot @zbrah

I will try that and let you know if it works :slight_smile:


#6

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.