Jump to content


Elements overlapping when near the end

Go to solution Solved by PointC,

Recommended Posts

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

Link to comment
Share on other sites

  • Solution

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.



  • Like 2
  • Thanks 1
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.