## 底部滚动条和轮播方向 ``` <div class="swiper-container"> <div class="swiper-wrapper"> <div class="swiper-slide">Slide 1</div> <div class="swiper-slide">Slide 2</div> <div class="swiper-slide">Slide 3</div> </div> <!-- 底部滚动条 --> <div class="swiper-scrollbar"></div> </div> ``` 创建Swipe对象 ``` var swiper = new Swiper('.swiper-container',{ //底部滚动条 scrollbar:{ el:'.swiper-scrollbar' }, // 垂直切换选项 vertical(垂直) horizontal(水平 默认 值) direction: 'vertical', }); ``` **注意：底部滚动条会暴露无缝滚动的原理，实际上无需让用户看见这些细节，所以一般滚动条比较少去设置**