Estoy usando splide js para crear un carrusel deslizante, pero la opción pauseOnHover no funciona. Porque si pasa el cursor sobre el control deslizante, dejará de deslizarse incluso si ya configuré la opción para que sea falsa pauseOnHover: false, .
const splide = new Splide('.splide', { type: 'loop', pauseOnHover: false, autoScroll: { speed: 2, } }); splide.mount(window.splide.Extensions); <section class="splide" aria-label="Splide Basic HTML Example"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide">Slide 01</li> <li class="splide__slide">Slide 02</li> <li class="splide__slide">Slide 03</li> </ul> </div> </section> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.1/dist/css/splide.min.css"> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.1/dist/js/splide.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-auto-scroll@0.4.2/dist/js/splide-extension-auto-scroll.min.js"></script>Simplemente coloque su pauseOnHover dentro autoScroll: {} para obtener lo que desea, así:
const splide = new Splide('.splide', { type: 'loop', autoScroll: { speed: 2, pauseOnHover: false, } }); splide.mount(window.splide.Extensions); <section class="splide" aria-label="Splide Basic HTML Example"> <div class="splide__track"> <ul class="splide__list"> <li class="splide__slide">Slide 01</li> <li class="splide__slide">Slide 02</li> <li class="splide__slide">Slide 03</li> </ul> </div> </section> <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.1/dist/css/splide.min.css"> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide@4.0.1/dist/js/splide.min.js"></script> <script src="https://cdn.jsdelivr.net/npm/@splidejs/splide-extension-auto-scroll@0.4.2/dist/js/splide-extension-auto-scroll.min.js"></script>Espero que esto haya ayudado.