如何设置默认元素位置 Anime Js/Scrollmagic

How to set default element position AnimeJs/ Scollmagic

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

更新: 我刚刚尝试为动画添加持续时间,看起来动画在页面加载后立即播放

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