0

カルーセルが Edge または Chrome では応答しないが、IE11 では応答する理由。カルーセル自体はレスポンシブ デザインに従い、ウィンドウ サイズの変更に反応します。バナーがカルーセルの上に配置されるとすぐに、バナーとカルーセルの両方が応答しなくなります。それらのサイズは変更されず、固定されています。IE11 では、ウィンドウのサイズに応じてバナーとカルーセルのサイズが変更されます。

owlCarousel のバージョンは 2.1.6 です

$('.owl-carousel-1').owlCarousel({
                    loop:true,
                    margin:10,
                    navText:['<','>'],
                    autoplay:false,
                    autoplaySpeed:1000,
                    autoplayHoverPause:false, 
                    responsiveClass:true,
                    responsiveBaseElement:window,
                    responsiveRefreshRate:100,
                    responsive:{
                        0:{
                            items:1,
                            nav:true
                        },
                        600:{
                            items:2,
                            nav:true
                        },
                        1000:{
                            items:3,
                            nav:true
                        }
                    }
                });
4

1 に答える 1