滚动后如何修复 owl 轮播空白区域?
How to fix owl carousel empty spaces after scrolling?
我用的是最后一个版本own carousel
我在 page
上应用了这个滑块
如您所见,有一个带圆圈的水平滑块。单击下一步按钮后,owl 舞台上出现空白。
作为解决方案,我尝试将负面 right
设置为阶段:
.owl-stage {
right: -383px;
}
如何解决?
Screen example
当 center
选项设置为 true
,但 loop
选项被禁用或设置为 false
时,会出现此效果。例如:
$('.owl-carousel').owlCarousel({
center: true,
loop:false,
...
});
所以有两种方法可以避免这种影响:
- 同时将
center
和 loop
设置为 false
- 同时将
center
和 loop
设置为 true
我用的是最后一个版本own carousel
我在 page
上应用了这个滑块如您所见,有一个带圆圈的水平滑块。单击下一步按钮后,owl 舞台上出现空白。
作为解决方案,我尝试将负面 right
设置为阶段:
.owl-stage {
right: -383px;
}
如何解决?
Screen example
当 center
选项设置为 true
,但 loop
选项被禁用或设置为 false
时,会出现此效果。例如:
$('.owl-carousel').owlCarousel({
center: true,
loop:false,
...
});
所以有两种方法可以避免这种影响:
- 同时将
center
和loop
设置为false
- 同时将
center
和loop
设置为true