カルーセルが 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
}
}
});