Waypoints and Greensock animation

[eppel2013]

Hello,

I cannot get the greensock animation function to work with Waypoints

Greensock script:

window.onload = function(){
  var l = document.getElementById("logo");
  var time = 1;
  TweenLite.from(logo, time,  {left:"-632px",  scale:.3,delay:0});
}

The idea is to delay the animation until an element is in view.

Have been using this example, but am failing ...

$(function() {
  $('#x').waypoint(function(direction) {
    if (direction === "down")      
      window.location.href = 'http://www.startpage.com';
    }, {
      offset: '300',
    });
  });
});

Have been replacing the window.location.href = 'http://www.startpage.com'; with Greensock script.

If you can help, would be much appreciated. thank you

[imakewebthings]

There's nothing obviously wrong from the two snippets you've posted. I would need to see the page in action to debug further. The only thing I can think of is that perhaps you're combining the scripts wrong and doing this:

$(function() {
  $('#x').waypoint(function(direction) {
    if (direction === "down")      
      window.onload = function(){
        var l = document.getElementById("logo");
        var time = 1;
        TweenLite.from(logo, time,  {left:"-632px",  scale:.3,delay:0});
      }
    }, {
      offset: '300',
    });
  });
});

Where you should be leaving out the onload handler. But like I said, need to see it to know for sure.

[eppel2013]

Thank you for the reply !!! This is great!