html AOS动画在一个页面的网站

q3aa0525  于 2023-04-18  发布在  其他
关注(0)|答案(2)|浏览(102)

嘿,有没有可能在页面加载时只激活一次元素?这样动画就不会在你上下滚动的时候一直播放,而只会在你第一次做的时候播放?
常数
https://michalsnik.github.io/aos/

mklgxw1f

mklgxw1f1#

欢迎来到SO.很高兴你在这里.请检查这里的文档https://github.com/michalsnik/aos .在你提供给AOS库初始化动画的对象中,你可以指定一个名为once的属性来设置动画是否会运行一次。

1aaf6o9v

1aaf6o9v2#

AOS.init({
    once: true,
});
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet"/>

<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<div class="mx-4" data-aos="fade-up" data-aos-duration="1500" data-aos-once=“true”>
  Demo text
</div

相关问题