在斯威珀循环模式下的最后一张幻灯片之后的不平稳过渡
在斯威珀循环模式下的最后一张幻灯片之后的不平稳过渡
提问于 2020-12-22 23:49:46
我试图设置一个平稳过渡的内部内容时，刷(转换:比例尺)。我添加了所需的css规则。这是可行的，但在切换最后一张幻灯片后，出现了突然的比例变化。(不顺利)。
在该库的源代码中，我找到了第28行：const slideChanged = swiper.slideTo(newIndex, 0, false, true);，在这个代码中，我找到了第28行:从这里，我意识到幻灯片的循环是根据以下原则进行的:在最后一张幻灯片之后，我们立即切换到上一张幻灯片(速度= 0)，并生成了一个动画，显示我们已经通过了这个圆圈。
我的代码示例：https://stackblitz.com/edit/swiper-demo-9-vertical-slider-x3g4my
重现问题的步骤：
- 滑动两张幻灯片向下滑动
- 第三次向下滑动，并注意到规模的突然变化
有办法解决这个问题吗？
回答 1
Stack Overflow用户
发布于 2021-03-15 08:33:19
在循环幻灯片项和在活动幻灯片上进行转换/转换时，我也遇到了一个类似的问题。
我发现我也可以添加.swiper-slide-duplicate-active。我试着更新您的演示，如果下面的更改使过渡顺利。
.swiper-slide .content {
transform: scale(0.5);
}
.swiper-slide-active .content,
.swiper-slide-duplicate-active .content {
transform: scale(1);
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/65417329
复制相关文章
相似问题
腾讯云开发者
