How to Tween with variable Values

[netroid 0 Likes (Newbie)]

Hi

 

I'm new here and also new with Greensock.

 

I try to tween the height of a div with a variable height value like this:

 

$( "#ambiente_button" ).click(function() {
    var subnav = document.getElementById("subnav");
    var scrollHeight = $("#subnav").prop("scrollHeight");
    TweenLite.to(subnav, 1.5, {height: scrollHeight});
});

 

Is that even possible?

[Carl 11,109 Likes (Superhero)]

Absolutely, you can pass in variables or any expression as the values you want to tween to

var end = 200;
TweenLite.to("#redBox", 2, {left:end, height:end})

 

http://codepen.io/GreenSock/pen/Hmktq

 

Feel free to fork that demo and experiment with your scrollHeight.