Tenga un control deslizante en el encabezado del sitio web que use JavaScript y Jquery para cambiar sus pestañas cada 6 segundos o cuando el usuario haga clic en una de sus pestañas. Lo uso en mi proyecto en Webflow (un creador de páginas) y el problema al que me enfrento es que cada vez que cambia la diapositiva, la ventana de formulario actualmente enfocada pierde el foco.

No soy programador, aunque ahora estoy aprendiendo js, pero si después de investigar un poco, creo que la clase .w--current se usa tanto para el control deslizante como para el enfoque de formulario en el archivo js maestro de Webflow.

Aquí está mi proyecto en vivo: https://bauserwis-com-pl.webflow.io/

Encontré algunas soluciones que usan la API IntersectionObserver para saber si el encabezado está en la viewport gráfica y detener el temporizador setInterval , pero me cuesta integrarlo con mi código. ¿O tal vez hay una solución diferente? No me importa que las diapositivas cambien en segundo plano, solo quiero evitar que el formulario pierda el foco.

Gracias por adelantado.

 var tabTimeout; clearTimeout(tabTimeout); tabLoop(); // Cycle through all tabs. function tabLoop() { tabTimeout = setTimeout(function() { var $next = $('.tabs-menu').children('.w--current:first').next(); if($next.length) { $next.click(); // user click resets timeout } else { $('.standard-tab:first').click(); } }, 6000); // 6 second tab loop (change this) } // Reset loop if a tab is clicked $('.standard-tab').click(function() { clearTimeout(tabTimeout); tabLoop(); }); });