swiper不同版本多行滚动的代码
【摘要】 最近给客户做的效果在外网使用正常,迁移到内网用的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)