autoScrollOffset
设置自动滚动的边缘Slide个数。
当缩略图的Slide个数超过最大显示的数量时，缩略图会自动滚动来对应主图的Slide。默认缩略图与主图同步显示，有时你想缩略图要比主Swiper提前一些显示，这时可以设置这个参数。
比如缩略图显示4个Slide，当主图滑动至第五张时，缩略图才会滚动，设置此参数为1后，主图滑动至第四张时缩略图就提前滚动了。
当缩略图的Slide个数超过最大显示的数量时，缩略图会自动滚动来对应主图的Slide。默认缩略图与主图同步显示，有时你想缩略图要比主Swiper提前一些显示，这时可以设置这个参数。
比如缩略图显示4个Slide，当主图滑动至第五张时，缩略图才会滚动，设置此参数为1后，主图滑动至第四张时缩略图就提前滚动了。
autoScrollOffset信息
- 类型：
- number
- 默认：
- 0
- 举例：
- 1
- 启用版本：
- 5.3.8
效果演示
autoScrollOffset:0autoScrollOffset:1
使用方法示例
从Swiper7开始，容器默认类名由'.swiper-container'变更为'.swiper'。
<script language="javascript">
var gallerySwiper = new Swiper('#gallery',{
spaceBetween: 10,
thumbs: {
swiper: {
el: '#thumbs',
spaceBetween: 10,
slidesPerView: 4,
watchSlidesVisibility: true,
},
autoScrollOffset: 1,
}
})
</script>转载原创文章请注明：文章转载自：Swiper中文网 [https://www.swiper.com.cn]
本文地址：https://www.swiper.com.cn/api/thumbs/2020/0511/458.html
上一篇：multipleActiveThumbs
下一篇：没有了