1
收藏
评论

Swiper中display-multiple-items的妙用

Swiper中display-multiple-items的妙用

产品需要显示一页加下一页的部分,但是又不需要轮播,如图

一开始想的是用next-margin,这样能实现功能,但是当翻到最后一页的时候,最右边还会显示next-margin这么多的空白,而并不是靠右对齐,这样看起来很奇怪,缺了一块




后来发现原来设置display-multiple-items也是可以实现这个功能的,设置成1.x就可以了,这样最后一页也没有留白。本来以为display-multiple-items是需要设置成整数的,其实不是,目测大于0都是可以的


最后一次编辑于  08-07  (未经腾讯允许,不得转载)
复制链接赞 1收藏投诉评论

5 个评论

  • 小蒜泥
    小蒜泥
    08-07

    这个厉害了  可以可以 原来是我的打开方式不对  哈哈哈

    08-07
    赞同 11
    回复 1
    • 花猫
      花猫
      08-07
      为了实现这个效果,我也是尝试了半天,还试了scroll-view来实现效果,都不理想,后来才发现原来还可以这么用
      08-07
      赞同 11
      回复
  • 惠嘉伟-Javey
    惠嘉伟-Javey
    08-07

    感谢分享

    08-07
    赞同
    回复
  • I-S
    I-S
    08-08

    感谢分享,获益良多

    08-08
    赞同
    回复
  • JIang
    JIang
    星期二 21:55

    这可是前辈辛辛苦苦踩过的坑啊,珍惜.....

    星期二 21:55
    赞同
    回复