GSAP滞后的ScrollMagic
GSAP滞后的ScrollMagic
提问于 2017-08-17 11:12:50
我想用ScrollMagic与GSAP和TweenMax一起制作基于滚动的动画。我以前在ScrollMagic上有过一些经验，它总是很好的工作。这一次，动画非常慢，debug.Indicators也是如此。
这是我的例子：https://codepen.io/jonasloerken/pen/NvXyWW
这是一个具有光滑动画的外国示例：https://codepen.io/hdavtian/pen/MKNgzV
我用吐温来制作动画：
var controller = new ScrollMagic.Controller();
var scene1 = new ScrollMagic.Scene({
triggerElement: '.header-section',
duration: "100%",
triggerHook: 0, // don't trigger until #block hits the top of the viewport
reverse: true
})
.setTween('.header-section .background-text', {left: '10px'})
.addIndicators()
.addTo(controller);为什么我的动画如此缓慢和滞后？
回答 1
Stack Overflow用户
回答已采纳
发布于 2017-08-18 10:49:48
除了变换之外，其他任何东西的动画都会有点不稳定。因为你是动画的‘左’属性，这是为什么。将其更新为转换要好得多。
.setTween('.header-section .background-text', {x: '-50%'})页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/45733560
复制相关文章
相似问题
腾讯云开发者
