Elements overlapping when near the end

[kevchcm]

Hey, I have a question with an animation I'm doing.

I have like text message bubbles and when you scroll they need to appear but when the bubbles are near the end they start overlapping each other.

How can I make them keep the same space during the timeline?

See the Pen poREZNR by godhandkiller (@godhandkiller) on CodePen.

[PointC]

If I understand your question correctly, I think you're seeing the easing there. You'd need to set easing to "none" in order to space them out.

 

.to(section, { bottom: "120%", ease:"none" })

Is that what you meant?

 

Happy tweening.