如标题所述,除非我放大或缩小、打开控制台或调整浏览器大小,否则我的 AOS 动画不会触发。当动画未触发时,我的页面上的内容仍会显示,但如果动画正常工作,我显然更喜欢。我将在下面提供我的代码片段,如果有人能发现任何错误或有此问题的经验,请告诉我如何添加修复程序。提前泰。
<div
className="flex flex-col md:flex-row justify-center items-center mt-20"
data-aos="fade-in"
data-aos-duration="1200"
>
<div className="text-center md:text-left pb-4 px-8">
<h2 className="text-2xl text-gray-600">Lorem ipsum</h2>
<h2 className="text-base text-gray-700">
Lorem ipsum Lorem ipsum Lorem ipsum Lorem ipsum.
</h2>
</div>
<img
src={profiles}
class="w-4/5 md:w-1/2 lg:w-1/3 mx-8 shadow-md hover:shadow-lg trans-3"
/>
</div>