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



所以我想要实现的是让SVG元素滑动到视口,因为用户在选定的div内滚动。该效果部分工作,因为在初始加载时,它不像我在CSS中定义的那样定位元素,在这种情况下:right: -150px隐藏在视口之外,但它立即将其设置为AnimeJS时间轴中分配的值。如果你慢慢滚动,你会看到元素在位置right: 0,这是最终的位置,当它触发时,它将元素推到-150,并开始正确的动画。在触发实际动画之前,是否有任何方法将SVG保留在外部?这是一个相互依存的关系:https://codepen.io/lukagurovic/pen/OJbvKGK

更新:我刚试着给动画添加持续时间,似乎动画在页面加载时就开始播放了

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