swiper 多行多列布局排序问题

clipboard.png
现在是这么写的

    var swiper = new Swiper('.swiper-container', {
        slidesPerView: 4,
        slidesPerColumn: 2,
        slidesPerGroup : 8,
observer:true,//修改swiper自己或子元素时,自动初始化swiper 
observ

怎么能横着排么
因为想用这种 swiper做 翻页 但是发现切换效果是这样的
如果设置2行3列 目前有8个元素的话

clipboard.png
但是我想要的只是翻页 不是这样滑到有元素最后的地方

或者有什么好的这样滑动翻页的插件么

阅读 9.2k
2 个回答

首先你是swiper几?然后看文档确定你的参数应该有哪些,其次你要做成翻页那种效果你只能在同一个主要的slide(好像是这个容器)把这一页显示的东西全放进去,然后下一页把你显示的东西再全部放进去(这是最简单的解决办法了)

新手上路,请多包涵

添加 slidesPerColumnFill : 'row',

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题