评论：aos.js超赞页面滚动元素动画jQuery动画库  [查看原文]

Johnny0
2022/1/6 10:55:08
同问

Johnny0
2022/1/6 10:55:44
同问，希望大神帮忙解决

??ふ※爱恋1
2019/11/29 15:58:17

在aos.css改，它只写到3000。


[aos][aos][aos-delay='11400'],body[aos-delay='11400'] [aos]{
 -webkit-transition-delay:0;transition-delay:0
}
[aos][aos][aos-delay='11400'].aos-animate,body[aos-delay='11400'] [aos].aos-animate{
 -webkit-transition-delay:11.4s;transition-delay:11.4s
}

areyouOk1
2019/11/20 11:03:39

对div添加data-aos-once="true"这样就行了


<div class="code code--small code--left" aos="fade-up" data-aos-once="true">
    <code class="html"><div aos="fade-up"></div></code>
</div>

手机电脑分期付款0
2019/11/20 11:30:40
好的，谢谢！

后会无期灬0
2019/11/18 9:46:04
这个问题我之前也遇到过 加载的时候把js再加载一遍

№ 胗酝而?0
2019/12/7 9:43:01
我也遇到了 放到页面底部不能触发滚动事件,放到Ajax 里边数据直接隐藏不显示了 ,怎么解决?

BattleofLexington1
2019/12/7 11:54:22
这是执行顺序问题，Ajax是页面所有内容都执行完后加载的，因为插件是先加载的，这时插件是获取不你的内容。所以你要在Ajax加载完后再次调用插件才可以。

新手菜鸟12130
2019/12/20 13:29:44
再次调用我这没有显示，透明度全都是0

Fanslly0
2020/7/17 14:14:47
这个问题有解决吗，遇到了同样的问题

<div class="code code--small code--right" aos="fade-down">
    <img src="img/Home_02.JPG" alt="">
    <div class="hero">
        <h2 class="hero__text" aos="fade-up" aos-easing="ease" aos-delay="400">Animate On Scroll <span>Library</span></h2>
        <h2 class="hero__text" aos="fade-up" aos-easing="ease" aos-delay="500">Animate On Scroll <span>Library</span></h2>
        <h2 class="hero__text" aos="fade-up" aos-easing="ease" aos-delay="600">Animate On Scroll <span>Library</span></h2>
    </div>
</div>

大神，请问一下在

<div class="code code--small code--right" aos="fade-down">

嵌套div（类名“hero”）然后绝对定位top：50px；left：100px的位置，为什么在ie11的时候文字出现动效后，会出现有跑到右边然后在回到定位的位置？？？？

手机端不滚动的页面用这个有点小bug。如果是给底部的一个按钮加fade-up效果，这个按钮直接消失了。

在手机上浏览，刷新页面后，内容区域划到顶部才出现动画，几乎看不到动画效果了，这个什么原因