Javascript 我怎样才能使动画持续下去；"；向下滚动时的秒数？

我做这个例子是为了解释我的问题

我有一个类元素.square，我希望当触发相同的

.square

上的触发器时，转换持续

10

实秒，也就是说，在

.square

上向下滚动的移动持续10秒，直到退出

    squareScroll.to(".square", 10,{autoAlpha:1})

目前我的问题是它不需要真正的10秒。换句话说，我需要从开始到结束的过渡到最后10秒

我怎么做

这是我的代码：

var controller=new ScrollMagic.controller（）；
var squareScroll=新的TimelineMax（）；
到（“.square”，10，{autoAlpha:1}）
var scene=new ScrollMagic.scene({
触发元素：“.square”，
触发钩：0.8，
持续时间：“100%”
})
.setTween（方形卷轴）
.addIndicators（）
.addTo（控制员）；

我们GreenSock不推荐ScrollMagic。相反，我们推荐官方的滚动插件：！这在各个方面都更好。@Zachsauier谢谢你的回答，你有没有一个例子，在滚动时，一个对象的总动画是以实秒来控制的？这个概念没有意义。用户以不同的速度滚动。动画由滚动位置控制或不由滚动位置控制。也许你只是想放松动画的时间安排？如果是这种情况，您可以使用ScrollTrigger的scrub属性，如

scrub:1

@ZachSaucier，您能帮我解决这个问题吗：

   <div style="height:700px"></div>
   <div class="square"></div>
   <div style="height:1000px"></div>


    var controller = new ScrollMagic.Controller();

    var squareScroll= new TimelineMax();

    squareScroll.to(".square", 10,{autoAlpha:1})


    var scene = new ScrollMagic.Scene({
        triggerElement: ".square",
        triggerHook:0.8,
        duration: "100%"
        })
        .setTween(squareScroll)
        .addIndicators()
        .addTo(controller);