hello丶world 发表于 2019-7-22 15:04:18

异形的slide循环后的bug(大牛进)

本帖最后由 hello丶world 于 2019-7-22 15:13 编辑

根据我的css,非当前的slide缩小一半。
从1111 => 22222 => 33333 => 复制的1111这里都是正常的,再次拖动 ‘复制的1111’ ,swiper会默认将平移的位置重置,并将当前的slide重置为最开始的 ‘1111’,如果我的css没有加过渡,那么的确可以。由于有动画,所以就出现了 ‘复制的1111(缩放:1)’ => ‘原始的1111(缩放0.5)’ => ‘原始的1111(缩放1)’,这个不好的用户体验让我纠结了好久,不知有没有大牛解决过类似问题。(slide是固定宽度的)new Swiper('.swiper-wrap-index', {
    slidesPerView: 'auto',
    spaceBetween: -160,
    centeredSlides: true,
    loop: true,
    loopedSlides: 5
});.swiper-slide:not(.swiper-slide-active) {
    opacity: .5;
    transform: scale(.5);
            }

admin 发表于 2019-7-22 20:08:01

处理一下这些类名试试
swiper-slide-duplicate
swiper-slide-duplicate-active
更新了基础demo,可以照着demo搞

tyleung 发表于 2021-11-3 18:21:16

这个有demo吗

tyleung 发表于 2021-11-3 18:30:14

你好这个可以下载源码吗   学习一下
页: [1]
查看完整版本: 异形的slide循环后的bug(大牛进)