记录swiper9遇到的坑

256 阅读1分钟

此文章记录工作中使用swiper遇到的问题。

概要:最近一个项目需要添加一个纵向时间轴功能,因为项目中使用了swiper作为banner图切换插件,所以便使用swiper来实现时间轴。

设置几个常用参数后

   new Swiper(demo, {
        direction: "vertical",
        slidesPerView: 'auto',
        freeMode: true,
        mousewheel: true,
        mousewheel: {
            releaseOnEdges: true, 
        },
        touchReleaseOnEdges: true //手机端边缘释放
    });

PC端时间轴响应正常,时间轴模块鼠标滚动到底部后能够正常释放滑动,进入下一个模块,测试手机端不行,于是翻文档,给出的还是touchReleaseOnEdges: true这个参数需要设定。

遂google,继续查询问题所在,经过swiper在github中的issues找到有相关问题记录,有记录在iphone上使用出现异常问题,以及最新版本出现异常,经过下面的一些回复,有说可以回退到swiper8即可,经过swiper8测试,可行。

看来有时候生产力工具确实不能太新,还有各种的问题需要解决。个人项目用用即可,公司项目还是需要慎重考虑