• 设为首页
  • 加入收藏
  • 我要投稿
  • 联系站长
  • 网站模板技术交流
当前位置:模板网首页 > 建站教程 > DCloud,APICloud >  swiper.js 在IOS中双击上正文

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

作者:网页模板
类型:文章教程
点击次数:
发布时间:2019-03-01 14:26
分享到:
在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;
}

(责任编辑:网页模板)
  • 本文标签:
  • swiper双击屏幕滑动
apicloud aMap getNameFromCoords code:1008
apiCloud调用百度和高德地图进行导航