What I am trying to achieve is to change the color of a class after successfully scrolling to a div. Can someone point me to the right direction? Thanks.
Hey @topelovely, my guess would be to take advantage of the done callback in the .animate() API, so that you only animate the background color after the animated scroll completes:
I will appreciate if you can point me to how to use interaction to change a color of a div in webflow. Because I can’ t find that in any of the options.
The way I would do it using Webflows interactions wold be to stack divs on top of each other and simply fade one out on scroll and display the next. Granted the change would not be animated but it will change.
So I would build it like:
<div1> I am the content </div>
<div2> color 1 </div>
<div3> color 2 </div>
Hi @topelovely, do you have a site link you can share?. I took at look at @callmevlad’s suggestion, and that seems like a good solution to me I am happy to check out the site, and how you are trying to integrate this, if you can provide the link to the site you are working on