Hello,
I 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.
The 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.
I've uploaded an example of my problem here - http://owengot.com/bounce/example.html
$(document).ready(function() {
var controller = $.superscrollorama();
var MyTween = controller.addTween('#pin-frame-bounce',
TweenMax.from($('#pin-frame-bounce'), 0.8, {css:{marginTop:'-500px'}, onComplete:myFunction}), 0, 300);
});
function myFunction() {
MyTween.pause('');}
$(document).ready(function() {
var controller = $.superscrollorama();
var YourTween = controller.addTween('#pin-frame-bounce-two',
TweenMax.from($('#pin-frame-bounce-two'), 0.8, {css:{marginTop:'-800px'}, onComplete:yourFunction}), 0, 600);
});
function yourFunction() {
YourTween.pause('');}
Thanks for your help
