maxBackfaceHiddenSlides
如果slide 总数小于此处指定的值,则 Swiper 将
不建议在大量幻灯片上启用它,因为它会降低性能。什么是backface-visibility
其他解决闪烁可尝试的方案还有:
在子元素中设置
设置
解决字体闪烁
设置
backface-visibility: hidden
在slide 上启用以减少 Safari 中的视觉“闪烁”。这种闪烁可能会出现在大于2000像素的Safari 中。不建议在大量幻灯片上启用它,因为它会降低性能。什么是backface-visibility
其他解决闪烁可尝试的方案还有:
在子元素中设置
-webkit-transform: translate3d(0, 0, 0)
设置
perspective: 1000
解决字体闪烁
-webkit-font-smoothing: antialiased
设置
transform-style: preserve-3d
maxBackfaceHiddenSlides信息
- 类型:
- number
- 默认:
- 10
- 举例:
- 2
- 启用版本:
- 8.0.0
效果演示
这里我们把 backface-visibility 关掉了
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper', {
maxBackfaceHiddenSlides: 2, //slide数量超过两个就不运用backface-visibility: hidden
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/498.html