swiper不同版本多行滚动的代码

举报
yd_256151678 发表于 2026/04/19 16:55:35 2026/04/19
【摘要】 最近给客户做的效果在外网使用正常,迁移到内网用的ie10不兼容,要换成swiper4.5版本才能正常使用,下面分享出来给大家作为参考,避免踩坑。 /*常用链接*/ var tabSwiper = new Swiper(".tabSwiper", { slidesPerView: 3, //swiper10的写法 grid: { rows...

最近给客户做的效果在外网使用正常,迁移到内网用的ie10不兼容,要换成swiper4.5版本才能正常使用,下面分享出来给大家作为参考,避免踩坑。

 /*常用链接*/
    var tabSwiper = new Swiper(".tabSwiper", {
        slidesPerView: 3, //swiper10的写法
        grid: {
            rows: 3, //3列 Swiper 7.0+使用,替代slidesPerColumn
        },
        slidesPerColumn: 3,//3列 ie10必须使用swiper4.5用这个,兼容老版本ie,同样swiper需要用4.5版本
        spaceBetween: 0,
        /*autoplay: {
            delay: 3000,
            disableOnInteraction: false,
        },*/
         navigation: {
            nextEl: ".tabSwiper .swiper-button-next",
            prevEl: ".tabSwiper .swiper-button-prev",
        },
        pagination: {
            el: ".tabSwiperPage",
            clickable: true,
        },
    });
【声明】本内容来自华为云开发者社区博主,不代表华为云及华为云开发者社区的观点和立场。转载时必须标注文章的来源(华为云社区)、文章链接、文章作者等基本信息,否则作者和本社区有权追究责任。如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。