Javascript Can';使用ScrollMagic的t管脚

Javascript Can';使用ScrollMagic的t管脚,javascript,scrollmagic,Javascript,Scrollmagic,我不能,为了我的生命,使用ScrollMagic获得一个简单的pin。我不知道我做错了什么。现在的网站再简单不过了,但当我尝试向div添加一个pin时,它就不起作用了。我花了好几个小时想弄明白,但我还是在这里 我的JS代码: var controller = new ScrollMagic.Controller(); var pinIntroScene = new ScrollMagic.Scene({ triggerElement: '#intro', triggerHook

我不能,为了我的生命,使用ScrollMagic获得一个简单的pin。我不知道我做错了什么。现在的网站再简单不过了,但当我尝试向div添加一个pin时,它就不起作用了。我花了好几个小时想弄明白,但我还是在这里

我的JS代码:

var controller = new ScrollMagic.Controller();
var pinIntroScene = new ScrollMagic.Scene({
    triggerElement: '#intro',
    triggerHook: 0
})
.setPin('#intro')
.addTo(controller);
我现在只能看到简介部分。
请帮忙

您需要指定一个持续时间。例如,“100%”将其固定为与容器高度相同的值。
默认持续时间为0,因此只有当用户向后滚动超过起始位置时,元素才会取消固定。因为您的元素位于页面顶部,所以我认为这就是为什么您看不到钉扎

var controller = new ScrollMagic.Controller();
var pinIntroScene = new ScrollMagic.Scene({
    triggerElement: '#intro',
    triggerHook: 0,
    duration: "100%" // can also be 300 (for 300px)
})
.setPin('#intro')
.addTo(controller);