Interaction fade in not behaving as it should

Community resources Bugs
1

Hi there, hope somebody can see what the problem is here.

On this page https://awl-ltd.webflow.io/ when the page is scrolled down the content inside the green frame should fade in. This isn’t happening. If the browser is resized sometimes the opacity=0 content fades in.

Here’s what it should be looking like on scrolling down.

awl-homepage
awl-homepage1353×1074 144 KB

I thought that the issue was that the interaction being used is a Page Load interactions so have built a test using the ‘While Scrolling In View’ approach thinking that would fix things, but no, the same thing is happening. https://awl-ltd.webflow.io/assets/grant-test No fading in content.

It’s a pretty simple setup and I’d have thought the test would work fine. Can anybody see what I’m missing?

Here’s the Shared project.

https://preview.webflow.com/preview/awl-ltd?utm_medium=preview_link&utm_source=designer&utm_content=awl-ltd&preview=1aab26d7faa1763a0d7ba8d545ed4505&pageId=5fdbfbe107ff4929a042d977&mode=preview

Any assistance appreciated.
Thanks
Grant

2

Ok, I’ve managed to get it working, so no need to trouble anybody with this now. There was some weirdness going on with a class on the body element causing issues. Not sure exactly what the problem creating issue was, but removing the class has solved this for now. Fingers crossed…

3

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