我决定在 Owl Carousel 2 上制作一个 slider 。一切正常,我喜欢它,但我发现了一个错误。当我更改浏览器窗口的大小时(仅限 Chrome), slider 元素会重新排列,并且背面有一个幻影元素。
HTML:
<div class="owl-carousel">
<img src="http://placehold.it/320x240?text=Slide%200">
<img src="http://placehold.it/320x240?text=Slide%201">
<img src="http://placehold.it/320x240?text=Slide%202">
<img src="http://placehold.it/320x240?text=Slide%203">
</div>
脚本:
$(".owl-carousel").owlCarousel({
loop: true,
margin: 20,
items: 3,
nav: true,
});
截图:
我该如何解决?
[ Codepen ]
最佳答案
试试这个
.owl-carousel .owl-item img {
-webkit-backface-visibility: hidden;
}
关于javascript - Owl Carousel 2 调整窗口大小错误,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33494764/