Scroll section height animated

[Sukru 6 Likes (Newbie)]

Hello, I want to reduce the initial section height while scrolling and I do this, but there is a space between the section below it? Can you help?

See the Pen MWXNrZJ by sukruemanet (@sukruemanet) on CodePen

[Cassie 5,069 Likes (Superhero)]

Hi there!

 

If you animate to 50vh from 100vh then you'll get a gap because the rest of the elements don't move into the space created.

You can get around it by setting your element up in the end position - 50vh and animating from 100vh.

See the Pen yLEmKVG?editors=0010 by GreenSock (@GreenSock) on CodePen

Hope this helps!

[Sukru 6 Likes (Newbie)]

@Cassie Thank you very much for the help. Could this effect be smoother? Because when it comes to the writing area, it stays hard and when you pull it down, it moves the same hard way.