Jump to content

Search In
  • More options...
Find results that contain...
Find results in...


Recommended Posts

Is it possible to update values of html on resize? Like this?
onResizeStart:function() {
xSize.innerHTML = this.target._gsTransform.scaleX;
ySize.innerHTML = this.target._gsTransform.scaleY; 

In the codepen i can't get values of _gsTransform.scaleX for some reason.

See the Pen RooKpG by one2gov (@one2gov) on CodePen

Link to comment
Share on other sites

Hello one2gov,


You are mixing GSAP and jQuery. From what I have seen in your Pen everything is behaving according to expected behaviour.


You don't see any change on _gsTransform properties because GSAP is not altering any of those properties. jQuery is altering the width and height of the element, there's nothing in there that's feeding that into the _gsTransform object.


If you create a function called onResizeStart and trigger it, yes, it is possible to update the values. 

  • Like 5
Link to comment
Share on other sites

Ok, i got it _gsTransform.scaleX is not width of the div but it's a scale ratio of the div.

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.