swiper 、iScroll有没有在滑屏缓冲的时候点击一下就会停止滑动且点击在a链接上不会跳转的方法或者是回调函数？

qq_36163505 2017-11-20 12:37:34

在很多手机APP或者网页上都会有一个快速滑动的时候点击屏幕就会停止滑动，并且就算点在链接上也不会跳转页面是怎么实现的？
很多插件又点击就停止的效果，但是点在链接上就会跳转了，这个怎么解决？

...全文

1000 4 打赏收藏转发到动态举报

写回复

4 条回复

切换为时间正序

请发表友善的回复…

发表回复

业余草 2017-12-30

打赏
举报

回复

qq_36163505 2017-11-22

打赏
举报

回复

顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶顶

qq_36163505 2017-11-20

打赏
举报

回复

有没有人？纠结很久了，求帮忙

qq_36163505 2017-11-20

打赏
举报

回复

这是在阻止默认事件的情况下，因为一般移动端好像都会阻止默认事件的

不算是新问题了只是想记录下因为我发现有人还在关注我的博客所以分享一下一般我们写点击事件都习惯绑定在标签上如上图不过如果结合swiper后你会发现 swiper生成后如果loop模式那么你上来想左滑动（也就是向前滑动，行为虽然不符合操作习惯）你会发现图片的点击事件是无效的这是因为 swiper的无限轮播时会自动复制第一个和最后一个页面进行轮播。但...

源代码是这样的：  <div id="topNav" class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide ac...

1、思路：判断swiper.animating==true，滑动的时候把a标签的默认事件给阻止了，否则，让它跳转 2、代码$(".swiper-slide a").click(function(e){ //console.log(swiper.animating) if(swiper.animating==true){ e.preventDef

下拉加载用到iscroll发现它会与swiper的轮播图冲突问题：滑动轮播图就会直接跳链接解决：给swiper里面配置一个阻止touchmove冒泡事件的属性 touchMoveStopPropagation : false 更多

最新写了一个新的响应式网站，里面用到了swiper 组件 1.初始化Swiper var mySwiper = new Swiper('.swiper-container', { loop: true, // 循环模式选项 preventClicks: false, autoplay: { delay: 3000, stopOnLastSlide: false, disableO...

39,118

社区成员

5,567

社区内容

发帖

与我相关

我的任务

社区管理员

加入社区

近7日
近30日
至今

加载中

查看更多榜单

社区公告

暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章