width
强制Swiper的宽度(px)，当你的Swiper在隐藏状态下初始化时用得上。这个参数会使自适应失效。
可设置为undefined使这个参数无效。
可设置为undefined使这个参数无效。
width信息
- 类型：
- number
- 举例：
- 500
- 启用版本：
- 4.0.0
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script>
var mySwiper = new Swiper('.swiper',{
//设置固定宽度，隐藏时初始化swiper
width: 800,
//设置宽度为全屏
width: window.innerWidth,
//设置断点宽度
breakpoints: {
1024: {
width: 500,
},
768: {
width: undefined,//取消width，恢复自适应
},
//窗口缩放时设置width
on: {
resize: function(){
this.params.width = window.innerWidth;
this.update();
},
} ,
})
/*隐藏状态显示后再初始化swiper
function initSwiper(){
var mySwiper = new Swiper ('.swiper', {
...
}
}
$(".page").css('display','block');
setTimeout('initSwiper()', 100);
*/
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/parameters/274.html