aos 事件触发失败

项目中遇到这个问题,网页往下滑动时加载 aos 事件触发不了,原因也很简单,因为 aos.js 是在页面加载时获取页面高度从而绑定一些事件进去,但是如果这个文件加载速度比框架加载的快,会导致两者高度不一致,从而动画效果触发失败。

我尝试用 window.onload 但是效果并不好,依旧失败。

window.onload=function(){
  AOS.init({offset:100,duration:600,once:true,delay:100,});
}

所以决定加个 100ms 的延迟调用实例,这样就没问题了。

setTimeout(function(){
  AOS.init({offset:100,duration:600,once:true,delay:100,});
},100)
  • LinuxDo
  • CWD

关于我

Ad Astra Per Aspera.

关于我标签分类

一个热爱生活的前端开发工程师,喜欢参与开源项目。

写了不少实用的小工具,都托管到我的 Github: https://github.com/anghunk