Question

我正在使用superscrollorama，需要进行一次动画播放，然后再进行视差处理。我可以创建一个播放动画的功能，但似乎它只能在完成视差时起作用。任何想法或想法都会有所帮助。

        controller.addTween('.div', (new TimelineLite()).append([
              TweenMax.from( $('.div .hero'), 1, 
                {css:{left:'1500', top:'-200'}, ease:Quad.easeInOut}),
              TweenMax.fromTo($('.div .background'), 1, 
                {css:{left: -40}, immediateRender:true}, 
                {css:{left: -45}})
            ]),
          100 // scroll duration of tween
        );

        var oneTime = function(!firstime) {
            var firstime;
            TweenMax.from( $('.football'), .50, {
                css:{left:'1500', top:'-300'}, ease:Quad.easeInOut})
            ), 500, 500 ;
        }

Answer 1

从我的脑海中，TweenMax有一个onUpdate方法，每当其中一个属性有效时它就会触发，你甚至可以补间任何非标准属性，所以你可以调用你的函数，检查对一个值，并在解析为true时触发oneTime函数，并且再也不会这样做..

它看起来像这样：

TweenMax.fromTo($('.div .background'), 1, 
            {css:{left: -40}, immediateRender:true}, 
            {css:{left: -45}, onUpdate:oneTime,onUpdateParams: $(this).css('left')})

这样对你有帮助吗？

在superscrollorama视差效应中间运行函数

1 个答案: