Streaming live at 10am (PST)

Adding interaction conditions


#1

Hello guys,

I have added to my website 5 dots (vertically) and i want to make them become dark when scrolling.

I have 6 conditions :
- initial apparence
- dot 1 becomes black
- dot 2 becomes black
...
...

Each condition is attached to a section of my website (a title or a div block).

The interactions are working well, but sometimes i have 2 conditions at the same moment.
So two dots become black.

Is there a way to manage it in order that only one dot at a time becomes dark ?

Here is the preview link : https://preview.webflow.com/preview/leftproductionsfr?preview=056857cb01ed6828c694a25da152eccf

Thanks for your help.

Kind regards,
Olivier


#2

If you adjust the offset you should be able to get this to work how you want (lessen the time the dots are on at the same time).

Example on "dot 2 becomes dark"


#3

Perfect, thank you Joe !


#4

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