cssMode
启用后,它将使用现代CSS Scroll Snap API。
它不支持Swiper的很多功能,但可能会带来更好的性能。
它不支持Swiper的很多功能,但可能会带来更好的性能。
以下是不支持的功能列表:
- Cube和Cube切换效果
- speed 参数可能没有效果
- 所有transition start/end 相关的事件 (可使用slideChange 代替)
- slidesPerGroup 部分支持
- simulateTouch 没有效果,用鼠标“拖动”不起作用
- resistance 没有任何效果
- allowSlidePrev/Next
- swipeHandler
- freeMode 和所有相关属性无效
cssMode信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 5.0.0
效果演示
PC端鼠标无法拖动,移动端可以滑动
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var mySwiper = new Swiper('.swiper', {
cssMode:true,
})
</script>
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/449.html