我爱模板网 > 建站教程 > 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;
}



部分素材资源来源网站,本站提供免费下载,如有侵权请联系站长马上删除!
上一篇:apicloud aMap getNameFromCoords code:1008 下一篇:apiCloud调用百度和高德地图进行导航
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
选择头像:
最新评论

猜你喜欢