在Swiper循环模式下，最后一张幻灯片后的过渡不平滑

Question

我正在尝试在滑动时为内部内容设置平滑过渡(transform:scale(。我添加了必需的css规则。这是有效的，但在切换最后一张幻灯片后，出现了一个突然的比例变化。(不顺利(。

在文件swipper/src/core/lop/loopFix.js中库的源代码中，我找到了第28行：const slideChanged = swiper.slideTo(newIndex, 0, false, true);由此，我意识到幻灯片的循环是根据以下原则发生的：在最后一张幻灯片之后，我们立即切换到上一张(速度=0(，并生成一个动画，显示我们已经通过了圆圈。

我的代码示例：https://stackblitz.com/edit/swiper-demo-9-vertical-slider-x3g4my

重现问题的步骤：

1. 向下滑动两张幻灯片
2. 向下滑动第三次，注意到刻度的突然变化

有什么方法可以解决这个问题吗？

Answer 1

我在循环幻灯片项目和在活动幻灯片上进行转换/转换时遇到了类似的Swiper问题。

我发现我也可以添加.swiper-slide-duplicate-active。我试着更新你的演示，如果看起来以下的变化使过渡顺利。

.swiper-slide .content {
transform: scale(0.5);
}
.swiper-slide-active .content,
.swiper-slide-duplicate-active .content {
transform: scale(1);
}