dls Posted November 9, 2021 Share Posted November 9, 2021 Hi guys! I am new to GSAP and new to development, in general I am a complete newbie So consider yourself warned. Here's what I'm hoping you can help me with: I have conditionally 3 blocks per page: 1 Picture block 2 GSAP block with pictures 3 Another block with text Footer The problem is that before the GSAP block I am doing well, but after the GSAP block I have a footer and the next block runs over the GSAP block exaplle - http://joxi.ru/RmzyBXbsjzkvLr. I can't solve this problem and was not quite able to reflect it correctly in CodePen. In CodePen, my footer is not displayed at all. Hope someone can help me. Thank you in advance! link CodePen See the Pen MWvXaKE by tkmynrg (@tkmynrg) on CodePen Link to comment Share on other sites More sharing options...
Solution akapowl Posted November 9, 2021 Solution Share Posted November 9, 2021 Hello @dls I'd suggest using Cassie's solution from this thread If you neccesserily need to keep the structure of your HTML as it is, for it to work you will probably have to make small adjustments to the CSS styling though. Instead of giving the .container-pin a height of 100vh, I just set the height of .panel to 100vh instead of 100% here and it seems to work quite alright. See the Pen 00d79b91f9db65cdfd2afdce00a8d592 by akapowl (@akapowl) on CodePen 3 Link to comment Share on other sites More sharing options...
dls Posted November 9, 2021 Author Share Posted November 9, 2021 @akapowl, Thank you very much! 2 Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now