首页 > 建站教程 > APP开发,混合APP >  swiper.js 在IOS中双击上滑或下滑正文

swiper.js 在IOS中双击上滑或下滑

在IOS,swiper双击屏幕滑动模块会上移,并且不会恢复正常状态。

这个不是swiper的问题哦,是因为html5页面嵌入到ios中的问题,在安卓中没有这个问题。
解决方案就是将双击事件给阻止掉,监听用户是否是双击了,然后将第二次的点击事件给阻止掉,甚至直接将touchend阻止冒泡也可以。

在vue中的解决办法:
<div class="swiper-container swiper-container-v" v-cloak v-if="list.length > 0" @touchend.stop="preventDoubleClick($event)"></div>

//阻止双击事件
preventDoubleClick(e){
    e.preventDefault();
    return false;
}