jquery - ScrollMagic 补间动画

Question

我以前使用过 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);
    });

Answer 1

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

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

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