Tengo 5 carruseles en la pantalla, todos están controlados por los mismos botones de navegación. También necesito controlarlos con el desplazamiento central del mouse. Cuando activo el control de la rueda del mouse, solo el carrusel en el que el mouse está en la parte superior se mueve cuando se desplaza. Necesito moverlos a todos.
No sé si hay una solución mejor, pero lo hice de esta manera.
// Wheel Control on Carousels $( '#body' ).on( 'mousewheel', function ( event ) { if ( typeof event.originalEvent.wheelDeltaY === 'undefined' ) { console.log( "could not find mouse deltas" ) } var deltaY = event.originalEvent.wheelDeltaY; var scrolledUp = deltaY < 0; var scrolledDown = deltaY > 0; if ( scrolledUp ) { if (swiper_color.activeIndex > 2) { goTop(); }else{ swiper_color.slidePrev(); swiper_image.slidePrev(); swiper_desc.slidePrev(); swiper_title.slidePrev(); swiper_jar.slidePrev(); } } if ( scrolledDown ) { if (swiper_color.activeIndex < 2) { swiper_color.slideNext(); swiper_image.slideNext(); swiper_desc.slideNext(); swiper_title.slideNext(); swiper_jar.slideNext(); }else{ checkscroll(); } } });