🥇 OwlCarousel2 Correção do Chrome ao redimensionar o carrossel

OwlCarousel 2 tem um bug no cromo ao redimensionar a janela, ele mistura slides e não pode mais ser usado.

CSS Fix

.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
-webkit-backface-visibility: hidden;
-moz-backface-visibility:    hidden;
-ms-backface-visibility:     hidden;
-webkit-transform: translate3d(0,0,0);
-moz-transform: translate3d(0,0,0);
-ms-transform: translate3d(0,0,0);
}

Jquery Fix
“ `
if ($ (‘. Owl-carousel-top’). Length> 0) {

mainOwlCarousel(); // does the carousel loading

$(window).resize(function () {
    $('.owl-carousel-top').trigger('destroy.owl.carousel').removeClass('owl-carousel owl-loaded');
    $('.owl-carousel-top').find('.owl-stage-outer').children().unwrap();

    mainOwlCarousel();
});

}
“ `

Fonte:
https://github.com/smashingboxes/OwlCarousel2/issues/1079

Related Posts