如何解决在 Frontity (WordPress) 上与 GSAP 动画作斗争
希望我能得到一些专家的指导来弄清楚这两个很棒的工具的组合。我基本上是在尝试将这个简单的 CodePen 转换为 Frontity/React:https://codepen.io/agw421/pen/QWGwQYv
这是我的 CodeSandBox 的链接: https://codesandbox.io/s/xenodochial-saha-mfj42?file=/packages/mars-theme/src/components/test-scroll.js
我得到的错误似乎来自我的 scroll-test.js 文件。无论我做什么,我似乎都无法获得任何 ScrollTrigger 动作(甚至是基本的“to”动作)。一旦我更改了一些代码以定位不同的元素,就会出现一些幻觉,页面立即开始动画 - 但在我刷新后,却出现了致命错误。不太确定那是什么...
如果我尝试定位某些元素,它就不会运行。
gsap.to(".section h2",{
scrollTrigger: {
scroller: Container,trigger: Section2,start: 'center 55%',markers: true,toggleActions: 'play complete',scrub: true
},scale: 4,duration: 2,ease: 'back'
});
如果我的目标是先前声明的组件,它至少会运行 - 但它声称 scrollTrigger 是一个无效属性
gsap.to(Section,ease: 'back'
});
我不得不相信 GSAP 没有正确触发。有解决此问题的想法吗?
很高兴提供所需的任何其他信息。我试图遵守规则并在 codeandBox 上创建了我的问题,因为它是唯一可以使用 Frontity 的服务。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。