如何设置默认元素位置 AnimeJs/Scollmagic

如何解决如何设置默认元素位置 AnimeJs/Scollmagic

所以我想要实现的是当用户在选定的 div 内滚动时让 SVG 元素滑入视口。该效果部分起作用，因为在初始加载时，它不会像我在 CSS 中定义的那样定位元素，在这种情况下：right: -150px 将其隐藏在视口之外，但它立即将其设置为分配的值在 AnimeJS 时间线中。 如果您缓慢滚动，您将看到位于 right: 0 位置的元素，这是最终位置，当它触发时，它会将元素推到 -150 并开始正确的动画。 有没有办法在触发实际动画之前将 SVG 保持在外面？ 这是一个代码笔： https://codepen.io/lukagurovic/pen/OJbvKGK

更新： 我只是尝试为动画添加持续时间，看起来动画在页面加载后立即播放

解决方法

找到答案了。自动播放不应该在动画对象中设置，而是在时间轴本身中设置。 const timeline = anime.timeline({autoplay: false});