我目前无法尝试在滚动到我的squarespace代码时添加动画。我尝试添加cdn以及尝试通过文本超链接添加文档链接。有没有人知道如何将这个库https://michalsnik.github.io/aos/添加到squarespace cdn或其他方式。再次感谢您的帮助。
答案 0 :(得分:0)
你有很多方法可以做到这一点,虽然我不知道为什么它还没有为你工作。您能提供更多信息或链接到您的实际页面吗?
如果您不关心添加加载时间,可以使用Squarespace的代码注入器在{
"_id": "Acc1",
"date": 1516374000000
"createdAt" : 1513810712802.0,
"plates": [{
"_id": "Batch 1",
"rego": "1QX-WA-123"
}]
}
标记之间使用<link>
或<script>
标记,如AOS文档中所示:
<head>
然后将js添加到<link href="https://cdn.rawgit.com/michalsnik/aos/2.1.1/dist/aos.css" rel="stylesheet">
:
<head>
您需要确保在加载脚本时通过代码注入器在<script src="bower_components/aos/dist/aos.js"></script>
中注入init代码来启动js:
<footer>
如果您正在优化负载(您应该这样做)的另一个选择是使用您的自定义构建一个小node.js应用程序并将AOS滚入其中。您可以使用Jason Barone的Squarespace Template Helper来开始这个。
在本地克隆repo(已安装节点包管理器)后,您可以 <script>
AOS.init();
</script>
到目录,cd
然后npm install aos --save
。如果您遇到问题,请尝试运行npm i
。
然后添加所有动画和upload the compiled app to Squarespace。