aos 事件触发失败

子舒

发布于 2023-08-23 14:40:55

2960

发布于 2023-08-23 14:40:55

项目中遇到这个问题，网页往下滑动时加载 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)

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2023-06-29，如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自作者个人站点/博客前往查看

如有侵权，请联系 cloudcommunity@tencent.com 删除。

本文参与腾讯云自媒体同步曝光计划，欢迎热爱写作的你一起参与！

登录后参与评论

0 条评论

热度