Jump to content

BC Development

How to update the width when resize screen on timeline with scrollTrigger

Go to solution Solved by OSUblake,

Recommended Posts

  • Solution

Hi BC, 


That seems a little odd so I'll need to investigate that some more, but here's a work around for now.

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


  • Like 2
Link to comment
Share on other sites

Yes, that's because the parent is display: flex and since you're converting between units (% to px), GSAP uses an invisible element that gets added temporarily (for measurement) but in that context a width: 100% isn't actually 100% due to the way the browser splits the spacing up in display: flex. I've added a workaround to the next release which you can preview at: https://assets.codepen.io/16327/gsap-latest-beta.min.js 



In the meantime, Blake's suggestion is great. 

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