Jump to content
GreenSock

Will.I.Am

scrolltrigger last section overlap second last section and no height limit

Recommended Posts

per that thread there is a codepen that shows overlapping sections

 

what I am trying to figure out, is where the last section slides in, over the second last section... how do I make that section's height not limited..

 

so when we see the word four slide in, i want the content in that section to be not limited to 100vh... if I put content in it, it just does not show it.

See the Pen XWaqbaa by AlibekKulseitov (@AlibekKulseitov) on CodePen

Link to comment
Share on other sites

Please don't create duplicate topics.

 

And just like I mentioned in your other thread, I'm not sure what you mean. The demo seems fine to me.

 

See the Pen poaEVYq by GreenSock (@GreenSock) on CodePen

 

Link to comment
Share on other sites

And that would be same as not even including the 4th panel. All the content after the 3rd panel will scroll like normal.

 

See the Pen gOvwzVo by GreenSock (@GreenSock) on CodePen

 

Link to comment
Share on other sites

Err spoke to soon...

 

See the Pen QWQKxZL by Will-I-Am-CodePen (@Will-I-Am-CodePen) on CodePen

 

basically  i want to get 4 to overlap 3 (slide over 3) and have lots of content

Link to comment
Share on other sites

That panel class is messing with your last section. I removed that and added position: relative to everything to avoid any stacking context issues.

 

See the Pen oNEzyrq by GreenSock (@GreenSock) on CodePen

 

  • Like 1
Link to comment
Share on other sites

its the smoothscroller that does it too me.. I tried to add scrollsmoother to the codepen but it wont let me... but as soon as i add it, thats when things go south for me :(

Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.
×