Javascript 当网站上传到服务器时Scrollmagic停止工作？

我创建了一个网站，它使用Scrollmagic在用户滚动浏览时加载网站的部分内容（即，更改其不透明度并使其向上移动）。它在我计算机上的HTML文件上运行良好，但由于某种原因，一旦我将它上传到我的托管服务器并进入实时站点，它就停止了工作。网址是。有多个部分是这样加载的，但我在下面的示例中包含了部分代码：

<!--SCROLLMAGIC-->
<script src="http://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/1.20.3/TweenMax.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.5/plugins/animation.gsap.min.js"></script>
<script>
    var controller = new ScrollMagic.Controller();

    var fadein_tween = TweenMax.fromTo('#content0', 1, {
        yPercent: 10,
        opacity: 0,
        ease: Power1.easeInOut
    }, {
        yPercent: 0,
        opacity: 1,
        ease: Power1.easeInOut
    });
</script>

var controller=new ScrollMagic.controller（）；
var fadein_tween=TweenMax.fromTo（'#content0'，1{
警察：10，
不透明度：0，
ease:Power1.easeInOut
}, {
yPercent:0，
不透明度：1，
ease:Power1.easeInOut
});

浏览器会阻止安全页面上的不安全请求。将源代码更改为https://

开发人员控制台中指出了这一点：

---

我只是错过了那封信，脑袋撞到了墙上。谢谢你的解决方案！GreenSock不推荐ScrollMagic。相反，他们推荐官方的滚动插件：！各方面都好。