Swiper轮播手动后不动
最近项目首页轮播图用了Swiper轮播,今天突然发现轮播图动画初始正常但是手动换过之后就不动了,解决方法有两种,具体根据采用的情况为准:
1、autoplayDisableOnInteraction:false,
var mySwiper = new Swiper(".swiper-container", { autoplay: 3000, //可选选项,自动滑动 autoplayDisableOnInteraction:false, observer: true, observeParents: true, paginationClickable: true, watchSlidesProgress: true, watchSlidesVisibility: true });
当autoplayDisableOnInteraction:false的时候,手动滑动自动滑动不会失效
2、网上最多的:disableOnInteraction:false,
var mySwiper = new Swiper(".swiper-container", { autoplay: { delay: 2500, disableOnInteraction: false, }, observer: true, observeParents: true, paginationClickable: true, watchSlidesProgress: true, watchSlidesVisibility: true });
话不多说,其实只是写法不用,属性作用一样。
【推荐】编程新体验,更懂你的AI,立即体验豆包MarsCode编程助手
【推荐】凌霞软件回馈社区,博客园 & 1Panel & Halo 联合会员上线
【推荐】抖音旗下AI助手豆包,你的智能百科全书,全免费不限次数
【推荐】轻量又高性能的 SSH 工具 IShell:AI 加持,快人一步