<https://greensock.com/forums/topic/7085-animation-on-scroll-followed-by-pause/>
<http://schema.org/text>
"Hello, \n  \nI am running into some difficulty using the SuperScrollorama plugin to animate a 'bounce' tween that activates on scroll. I basically need different numbers to bounce onto the page as you scroll down past the different sections of a list. \n  \nThe problem I am running into is that the .pause function pauses all the animations on the page, not just the first bouncing ball.. You can see this in effect by scrolling quickly on the examples page, the second ball will freeze mid way once the first one has finished bouncing. \n  \n  \n  \nI've uploaded an example of my problem here - http://owengot.com/bounce/example.html \n  \n  \n  \n \n\n$(document).ready(function() {\nvar controller = $.superscrollorama();\nvar MyTween = controller.addTween('#pin-frame-bounce', \n  TweenMax.from($('#pin-frame-bounce'), 0.8, {css:{marginTop:'-500px'}, onComplete:myFunction}), 0, 300);\n});\n\nfunction myFunction() {\n   MyTween.pause('');}\n\n$(document).ready(function() {\nvar controller = $.superscrollorama();\nvar YourTween = controller.addTween('#pin-frame-bounce-two', \n  TweenMax.from($('#pin-frame-bounce-two'), 0.8, {css:{marginTop:'-800px'}, onComplete:yourFunction}), 0, 600);\n});\n\nfunction yourFunction() {\n   YourTween.pause('');}\n\n \n  \nThanks for your help \n"
<https://greensock.com/forums/topic/7085-animation-on-scroll-followed-by-pause/>