ScrollMagic与GSAP ist滞后

2017-08-17 102 views 1 likes

我想使用ScrollMagic与GSAP和TweenMax为基于滚动的动画。我在过去使用过ScrollMagic的一些经验，并且总是可以正常工作。这一次，动画非常缓慢，debug.Indicators也是如此。ScrollMagic与GSAP ist滞后

这是我的例子： 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);

为什么我的动画如此缓慢和迟缓？

来源

2017-08-17 JonasLoerken

回答

通过除变换之外的任何其他动画可以总是有点生涩。当您为“左”属性设置动画时，这就是原因。将它更新为变换效果会更好。

.setTween('.header-section .background-text', {x: '-50%'})

来源

2017-08-18 10:49:48

ScrollMagic与GSAP ist滞后

回答

相关问题