带GSAP ist滞后的ScrollMagic

我想使用ScrollMagic与GSAP和TweenMax进行基于滚动的动画。我过去用ScrollMagic有过一些经验,它总是很好用。这一次,动画相当慢,调试也很慢。指标也是如此。

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);