|
本帖最后由 狂梦 于 2021-9-13 17:32 编辑
对版主的方案优化下,为了防止滑动结束后马上改为可弹动,导致依然存在“本是要滑轮播图,却触发的下拉刷新,导致轮播图滑动体验卡顿”,这里加了延时,又为了防止延时触发跑到下一次sliderMove后执行导致sliderMove的设定时效,sliderMove这里每次要销毁下延时。
var touchEndtimer;
var swiper = new Swiper('.swiper-container', {
loop: true,
autoplay: true,
on: {
sliderMove: function(swiper) {
clearTimeout(touchEndtimer);
api.setFrameAttr({
name: api.frameName, //KM++ 解决下拉跟轮播图滑动冲突
bounces: false
});
},
touchEnd: function(swiper) {
touchEndtimer = setTimeout(function() {
api.setFrameAttr({
name: api.frameName, //KM++ 解决下拉跟轮播图滑动冲突
bounces: true
});
}, 3000); //轮播图滑动后,3秒内不可下拉
}
},
});
|
|