Not working elements

[cristianciacu1]

Hello,

 

I am having some issues with GSAP scroll script. Let me explain the process: I have a <div> with some text and at the bottom a button which brings the user through a second div element to the third <div>(Check the image). This transition is based on TweenMax.from and TweenMax.to functions. The issue is that the elements of the third <div> are not clickable. Every time when I am inspecting the page, in the elements tab of the browser it says I clicked the body elements. I don`t have any idea how to solve this issue.

 

If you have any further questions, do not hesitate to ask me,

Cristian Ciacu

 

 

[PointC]

It's difficult to troubleshoot with just a screengrab. Do you think you could put together a simple demo that demonstrates the problem?

Thanks.

[cristianciacu1]

Here it is: 

See the Pen rQrVmN by cristianciacu1 (@cristianciacu1) on CodePen

It works fine on CodePen but on Chrome it doesn`t.

 

[GreenSock]

I'm confused - are you saying that your codepen doesn't work in Chrome? I don't see anything that's broken, but I'm probably missing something. Can you provide more details about exactly what is supposed to happen (that isn't)? 

[PointC]

I was just about to ask the same thing. Your screenshot showed three divs next to each other, but the pen has three 100% width/height divs and tweens with delays? I'm confused about the end result. Are you trying to stack divs on top of each other?

 

Also, as @GreenSock mentioned, I'm not seeing anything broken. 

 

More details would be most helpful. Thanks.