swiper分页器踩坑

最新推荐文章于 2023-03-23 17:34:34 发布

江小虫儿

最新推荐文章于 2023-03-23 17:34:34 发布

阅读量1.3k

点赞数

分类专栏：前端开发文章标签：前端 javascript css

本文链接：https://blog.csdn.net/kate_sicheng/article/details/122550115

版权

在快速操作Swiper分页器时，出现了分页指示与实际内容不匹配的错误。通过在配置中添加特定选项，解决了该问题。解决方案来源于nolimits4web/swiper的GitHub Issue讨论，高赞评论提供了关键线索。要理解其工作原理，建议深入研究Swiper的源代码。

摘要由CSDN通过智能技术生成

问题描述

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

解决方案

添加：touchEventsTarget: 'wrapper'。

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