2

我以前使用过 superscrollorama 并且我开始使用 scrollmagic 但我无法让一些 div 正确动画。前 2 个 div 很好，但最后两个，一旦我向下滚动，就没有动画。我也想为第二个 div 添加一点偏移量，但不知道如何，语法与 Superscrollorama 有点不同。

var controller;
    $(document).ready(function($) {
        // init controller
        controller = new ScrollMagic();
    });

$(document).ready(function($) {
        // build tween
        var tween =  new TimelineMax ()
            .add([
                TweenMax.from(".biopic", 0.5, {top: '150',opacity:0}),
                TweenMax.from(".title", 0.5, {left: '150',opacity:0}),
                TweenMax.from(".gallery-wrap", 0.5, {top: '150',opacity:0}),
                TweenMax.from(".title2", 0.5, {right: '150',opacity:0}),
            ]);

        // build scene
        var scene = new ScrollScene({triggerHook: "onEnter", offset: 150 })
                        .setTween(tween)
                        .addTo(controller);
    });
4

1 回答 1

0

确保 TweenMax 对象的选择器是正确的。
您可以通过测试它们而不将它们添加到 ScrollMagic 来确保。

要添加偏移，您可以使用 TweenMax 的延迟选项或添加新场景。

如需更多帮助，请遵循本指南：https ://github.com/janpaepke/ScrollMagic/blob/master/CONTRIBUTING.md

于 2014-08-11T11:09:12.973 回答