vue-awesome-swiper设置loop时图片轮播到第一张图 操作dom会导致抖动
时间: 2023-08-17 15:56:43 浏览: 100
使用Vue-Awesome-Swiper实现旋转叠加轮播效果&平移轮播效果
你可以尝试在设置 loop 属性时,使用 CSS 属性 `overflow: hidden;` 来避免图片轮播到第一张图时的抖动问题。这样可以隐藏超出容器的部分,避免抖动现象的出现。你可以在包裹轮播组件的容器上添加如下样式:
```css
.container {
overflow: hidden;
}
```
确保容器元素的宽度和高度适配轮播组件,并设置合适的样式来达到你想要的效果。这样,当图片轮播到第一张图时,超出容器的部分将被隐藏,避免了抖动问题的出现。
阅读全文