异形的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);
}
处理一下这些类名试试
swiper-slide-duplicate
swiper-slide-duplicate-active
更新了基础demo,可以照着demo搞
这个有demo吗 你好这个可以下载源码吗 学习一下
页:
[1]