scrolltrigger last section overlap second last section and no height limit

[Will.I.Am 0 Likes (Newbie)]

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

[OSUblake 18,476 Likes (Superhero)]

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

 

[OSUblake 18,476 Likes (Superhero)]

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

 

[Will.I.Am 0 Likes (Newbie)]

ok, works on codepen, wont work for me on my site...

 

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

 

thanks

[Will.I.Am 0 Likes (Newbie)]

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

[OSUblake 18,476 Likes (Superhero)]

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

 

[Will.I.Am 0 Likes (Newbie)]

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

[OSUblake 18,476 Likes (Superhero)]

Seems to work fine here.

 

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