AOS.js在使用Swiper.js进行幻灯片滑动时无法动画。 _程序开发

创始人

2024-09-03 08:00:51

0次

此问题可能是因为在Swiper.js中，滑动事件是由自定义的touchstart、touchmove和touchend事件实现的，而不是由浏览器的原生滚动事件实现的。因此，AOS.js中默认的滚动事件可能无法捕获Swiper.js的滑动事件。

要解决此问题，可以尝试在Swiper.js的初始化选项中添加onSlideChangeStart回调函数，在该回调函数中手动触发AOS.refresh()方法以重新计算元素位置并应用动画效果。

例如：

var mySwiper = new Swiper('.swiper-container', {
  // Swiper 配置参数...
  on: {
    slideChangeStart: function () {
      AOS.refresh();
    }
  }
});

这会在Swiper.js的每次幻灯片切换开始时触发AOS.refresh()方法。这个方法将重新计算元素位置并应用动画效果。这应该可以解决AOS.js在Swiper.js中无法动画的问题。

我来分享!wpk真的有透视嘛,... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...

必赢方法!wpk辅助是什么,微... wpk辅助是什么AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包，...

实测必看!wepoker私人局... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...

一分钟带你了解!wepoker... 一分钟带你了解!wepoker开脚本视频,德扑之星开挂透视教程神器（从来真的有透视挂）主打本地运行的...

推荐攻略!微扑克辅助下载,德普... 推荐攻略!微扑克辅助下载,德普之星确实有挂安装（最初存在有辅助器）AI 是一款可以让一直输的玩家修复...

热门推荐!we-poker辅助... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...

一分钟带你了解!WPK脚本,w... 『标题：当前标题』主打赛后复盘的 AI 游戏攻略黑科技走红，对局总结能力开挂。上传对局回放或者战绩截...

揭秘攻略!wpk软件是正规的吗... 一款 AI 游戏攻略黑科技工具上线，查攻略效率直接开挂。它整合版本更新、装备搭配、BOSS 打法、牌...

今日重大通报!wepoker透... 今日重大通报!wepoker透视脚本安卓,微扑克透视软件工具（往昔真的是有开挂）AI 是一款可以让一...

一分钟了解!wpk模拟器是什么... wpk模拟器是什么AI 游戏攻略黑科技上线本地缓存功能，离线查阅能力开挂。提前下载对应游戏攻略数据包...