AOS在滾動動畫加載之前顯示在視口中

Question

我已將AOS on scroll JavaScript添加到我的網站。我知道該腳本正常工作，但由於某種原因，我已添加到帶有紫色背景的徽標（瑜伽照片下方）的動畫在視口中可見之前就會進行動畫製作。我認爲這可能與事實有關，頁面頂部的高度是基於視口動態創建的，但我不完全確定問題是什麼。

下面是該網站的鏈接：http://awaken1.thecustompixel.com/

如果向下滾動到頁面的底部，你可以看到腳本與三柱部分正常工作。有想法該怎麼解決這個嗎？謝謝！

Answer 1

我看到你從這個標誌中刪除了AOS動畫，如果你可以再次添加它，我可以檢查它爲什麼不起作用。但我認爲在這個元素上設置data-aos-offset="0"可能會解決您的問題。