0

我正在尝试使用 Superscrollorama 插件创建一个网络，但我遇到了严重的问题才能启动它。

<script>
$(document).ready(function() {
        var controller = $.superscrollorama();
        controller.addTween('#logo1', TweenMax.from( $('#logo1'), .35, {css:{right:'300px'},immediateRender:true,ease:Quad.easeInOut}), scrollDuration);
        controller.addTween('#logo2', TweenMax.from( $('#logo2'), .35, {css:{right:'300px'},immediateRender:true,ease:Quad.easeInOut}), scrollDuration);            
        controller.addTween('#bg', TweenMax.from( $('#bg'), .25, {css:{opacity:0, rotation: 720}, ease:Quad.easeOut}), scrollDuration);
});

仅适用于第一项 (#logo1) 而下一项无效... (#logo2 & #bg = 背景)

我希望第一个徽标项目（圆圈---> #logo1）从左侧出现，字母（#logo2）来自不透明度，背景（#bg）也出现在logo1和2之前出现之后。

有什么问题？提前致谢！（对不起我的英语不好）

这是链接：爱德华多·马丁

4

1 回答 1

1

我在理解你时遇到了问题，但很确定你想将这些补间包装在 timeLineLite 中，这样它们就按顺序发生，截至目前，自动冲突管理器将阻止第二组和第三组补间发生。 http://api.greensock.com/js/非常有帮助。我对你想要发生的事情的最佳猜测如下。在 superscrollorama 网站上也有这样的例子。

于 2013-10-23T20:12:10.513 回答