virtualTranslate
虚拟的位移。当你启用这个参数,Slide不会移动,但是Swiper还是在运行,例如progress,active-slide,各种回调等。当你想自定义一些slide切换效果时可以用。例如配合上progress。
启用这个选项时slideChange和transition等事件有效(与Swiper3.x不同)。
还可以用来使Swiper的滑动停止(锁定)。
*可能会使鼠标滚动失效。
*开启preventInteractionOnTransition会使progress无效
启用这个选项时slideChange和transition等事件有效(与Swiper3.x不同)。
还可以用来使Swiper的滑动停止(锁定)。
*可能会使鼠标滚动失效。
*开启preventInteractionOnTransition会使progress无效
virtualTranslate信息
- 类型:
- boolean
- 默认:
- false
- 举例:
- true
- 启用版本:
- 4.0.0
效果演示
滑动Swiper,slide没移动,但是swiper切换了。
使用方法示例
从Swiper7开始,容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper',{
virtualTranslate : true,
})
//mySwiper.params.virtualTranslate=true;
</script>
virtualTranslate应用
例子:有缓动效果的滑动。
例子:有缓动效果的滑动。
转载原创文章请注明:文章转载自:Swiper中文网 [https://www.swiper.com.cn]
本文地址:https://www.swiper.com.cn/api/parameters/264.html