javascript - ScrollMagic 和 TweenMax 自动执行

Question

嘿，所有我都在努力解决所有这些问题，整天都在玩弄它。我想要完成的是在用户向下滚动时放大背景图像(并最终通过不透明度变得透明)。我已经达到了预期效果的一半，但它似乎不想在用户滚动时起作用，它只是自动执行。

它一定很简单，但我对此还很陌生。

这是我写的代码

    var tween = TweenMax.to('#regular', 0.5, {
    scale: 2
    });

    // Init Controller
    var controller = new ScrollMagic.Controller();


    // Create the Scene and trigger when visible with ScrollMagic
    var scene = new ScrollMagic.Scene({
    triggerElement: '#featured-image',
    reverse: true,
    offset: 700
    })
    .setTween(tween)
    .addTo(controller)

http://codepen.io/anon/pen/EjWLyO

Answer 1

你的基本问题是你场景的 setTween 方法不可用，这是因为你缺少 animation.gsap.min.js 重要插件的包含在您的 codepen 中谈到将 TweenMax 与 ScrollMagic 一起使用时。

所以添加this external javascript在你的 ScrollMagic 包含在你的笔中之后，你就是金子。