Scrolling animation error

Hey guys, I am starter at Webflow and often make mistakes I don’t see how to fix. Today I tried to make 5 layers of fixed divs with different color and when scrolling thru sections the divs scales opacity and reveal the div with z-index (z-1). On the 4th section the animation reveals the div corresponding to the 1st section. Any ideas? Please.


Here is my site Read-Only: [LINK][1]
[1]: https://heavenoils.webflow.io

Hey @Martin_Petrov , it would be more helpful if you shared the read-only link to your project as well.

However, I used dev tools to inspect your subdomain and I found out that in Section 4, opacity is 0 for bg _4 and opacity is set to 1 for bg _1. You may have to check your interactions panel and make sure you have set the opacity for the right class.

I don’t know how to share that link. Can you tell me please

I checked everything seems to be fine

Hey @Martin_Petrov , I shared an article on how to do it in my previous post but you can also find it here below:

https://preview.webflow.com/preview/heavenoils?utm_medium=preview_link&utm_source=designer&utm_content=heavenoils&preview=3b066cf16d3a7760a98d91d37d4dc9d8&pageId=615486a4dbf5ff1d9ef2c6c3&workflow=preview
here you are