TweenMax.set not working properly with scrollTo plugin

[DMichael]

I am using TweenMax to shoot to a certain point of the page like so:

 

TweenMax.set(map.win, {

    scrollTo : { y: val } 

});

 

This goes to the wrong position but works properly elsewhere in my code strangely...

for now I am doing this instead and works properly, but feels like a gimmick:

 

TweenMax.to(map.win, 0.000001, {

    scrollTo : { y: val }

});

 

Any help would be appreciated!

[Carl]

Hi and welcome to the GreenSock forums,

 

It would be of great help if you can create a reduced test case that clearly shows when it doesn't work as it will be difficult for us to try to simulate the conditions in which it doesn't work for you.

 

Feel free to fork this CodePen example: http://codepen.io/anon/pen/LlIjm

 

If you need a primer on how to use CodePen read this: http://forums.greensock.com/topic/9002-read-this-first-how-to-create-a-codepen-demo/

 

thanks

[benmc]

I am seeing this issue as well.

 

Seems like it's not working with elements... only with window: Here is the edited codePen:

 

See the Pen mEEWXV by anon (@anon) on CodePen.

[benmc]

Hmm. It seems to be working. But only after I wait an animation frame... It seems can't set the scroll until after the element has been drawn to the screen...

[Carl]

hmm, it seems that way your css is set up that container is not getting any scrollbars and thus there really is nowhere to scroll to.

 

Modifying the CSS to allow container to be scrollable appears to work fine.

 

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

 

I don't think this is an issue with scrollToPlugin. If you edit your pen to use jQuery's scrollTop() you get the same result

TweenLite.delayedCall(1, scroll)


function scroll(){
 $(".container").scrollTop(100)
}