我正在引导网站中使用scrollmagic.js中的幻灯片脚本。它在本地运行良好,可以捕捉到每个部分,但是当我上传到虚拟主机时,该站点不再可以捕捉到每个部分。
我尝试将脚本移出custom.js,翻转幻灯片的持续时间变量和ID,然后重新上传多次。该网站很长,所以我只是发布js。该网站是公开的,如果有助于让我知道。谢谢
Javascript:
var controller = new ScrollMagic.Controller({
globalSceneOptions: {
triggerHook: 'onLeave',
duration: 500
}
});
// get all slides
var slides = document.querySelectorAll("section.panel");
// create scene for every slide
for (var i=0; i<slides.length; i++) {
new ScrollMagic.Scene({
triggerElement: slides[i]
})
.setPin(slides[i])
.addTo(controller);
}