我正在嘗試使用 ScrollMagic 來控制一個 TimelineMax，它移動 Lottie 動畫的播放頭。因此，當用戶滾動時，動畫會根據滾動的速度和方向播放。我非常接近，需要一點幫助才能將效果帶回家。首先，我包括我的圖書館<script src="https://cdnjs.cloudflare.com/ajax/libs/bodymovin/5.5.9/lottie.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/2.1.3/TweenMax.min.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/ScrollMagic.js"></script><script src="https://cdnjs.cloudflare.com/ajax/libs/ScrollMagic/2.0.7/plugins/animation.gsap.js"></script>然后...  // init scrollmagic  var controller = new ScrollMagic.Controller();現在，動畫設置...  // Manage Animation  var animation = bodymovin.loadAnimation({    container: document.getElementById('lottie'), // Required    path: '/static/animations/animation.json', // Required    renderer: 'svg', // Required    loop: false, // Optional    autoplay: false, // Optional    name: "Welcome to Awesomeness", // Name for future reference. Optional.  });這是我掙扎的地方：  // Setup Timeline  var lottieControl = new TimelineMax({ repeat: -1, yoyo: true }); // <-- don't loop and let the timeline go back and forth  lottieControl.to({ frame:0 }, 1, { // <-- is this right? I'm telling the timeline to start at frame 0    onUpdate:function(){      animation.goToAndStop(Math.round(this.target.frame), true) // <-- move the playback head of the animation to the target frame that has been rounded and use frames not time (true)    },    ease:Linear.easeNone  })最后，把這一切重新組合起來......  // Attach to scroll  var lottieScene = new ScrollMagic.Scene({        duration: '80%',        offset: 1    })    .setPin("#header-scroll")    .setTween(lottieControl)    .addTo(controller);對于我的一生，我無法確定我是否goToAndStop正確使用了該方法。謝謝你的時間。