文章/答案/技术大牛

发布

社区首页 >问答首页 >当网站上传到服务器时，Scrollmagic停止工作？

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

Stack Overflow用户

提问于 2021-04-19 07:12:05

回答 1查看 38关注 0票数 0

我已经创建了一个网站，它使用Scrollmagic来加载网站的一部分(即，改变他们的不透明度，使他们向上移动)，因为用户滚动通过它。它在我电脑上的HTML文件上运行得很好，但由于某种原因，一旦我把它上传到我的主机服务器上，并在直播网站上，它就停止工作了。url是https://liudzi.com/。有多个部分会像这样加载，但我已经包含了代码的一部分作为示例：

<!--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>

javascript

html

css

scrollmagic

回答 1

Stack Overflow用户

回答已采纳

发布于 2021-04-19 07:16:53

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

在dev控制台中指出：

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/67154261

复制

相似问题

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

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