AOS在滚动动画加载之前显示在视口中

Question

我已将AOS on scroll JavaScript添加到我的网站。我知道该脚本正常工作，但由于某种原因，我已添加到带有紫色背景的徽标（瑜伽照片下方）的动画在视口中可见之前就会进行动画制作。我认为这可能与事实有关，页面顶部的高度是基于视口动态创建的，但我不完全确定问题是什么。

下面是该网站的链接：http://awaken1.thecustompixel.com/

如果向下滚动到页面的底部，你可以看到脚本与三柱部分正常工作。有想法该怎么解决这个吗？谢谢！

Answer 1

我看到你从这个标志中删除了AOS动画，如果你可以再次添加它，我可以检查它为什么不起作用。但我认为在这个元素上设置data-aos-offset="0"可能会解决您的问题。