0
点赞
收藏
分享

微信扫一扫

swiper分页器踩坑

芒果六斤半 2022-01-17 阅读 104

问题描述

Swiper 分页器点快了,或者切换几次,就会出现乱跳,跳的图跟点击的圆点不对应,怎么办?

解决方案

添加:touchEventsTarget: 'wrapper'

  var mySwiper = new Swiper('.swiper',{
    // threshold:拖动的临界值(单位为px),如果触摸距离小于该值滑块不会被拖动。
    threshold : 100,
    // touchEventsTarget:接受touch事件的目标,可以设为`container`或者`wrapper`。
    touchEventsTarget: 'wrapper',
  })

解决思路

去github的 nolimits4web/swiper查看Issue,发现有人遇到和我一样的问题。
在这里插入图片描述
查看点赞量👍🏻高的评论:
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
在这里插入图片描述
为什么这样子可以解决分页器指示不准确的问题?具体我们可以拉取swiper的源代码去研究一下。

end!

举报

相关推荐

0 条评论