jquery - scrollmagic补间动画

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

最佳答案

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

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

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

关于jquery - scrollmagic补间动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/23299096/