ScrollMagic视差 - 动画立即播放而不是滚动

Question

我在网站上使用ScrollMagic jquery插件。我有一些元素可以在滚动时为它们的垂直对齐设置动画，但是简单的背景图像视差不起作用。在当前的实现中，视差发生在页面加载而不是与页面滚动相关联。

$(document).ready(function($) {
      var tween = new TimelineMax ()
        .add([TweenMax.staggerFromTo(".masthead", 5, {backgroundPosition: "0 0"}, {backgroundPosition: "0 100px"} )]);                              
            var scene = new ScrollScene({duration: 1200})
                            .setTween(tween)
                            .addTo(controller);
                             scene.addIndicators();
        });