Hice un sitio web de WordPress para un cliente hace 3 años usando Spectrum Theme. Revisé el sitio web ayer y vi que hay un nuevo comportamiento que no existía antes. Cuando me desplazo hacia abajo con el mouse usando la rueda, el desplazamiento es irregular. Tengo un error de JS que dice [Intervention] Unable to preventDefault inside passive event listener due to target being treated as passive
Intenté agregar touch-action: none al CSS, pero no pasó nada. También traté de agregar window.addEventListener("touchstart", func, {passive: true} ); Pero no sabía si lo hice en el lugar correcto. También traté de editar jquery.mousewheel.js pero nada de lo que hice cambió esto. ¿Cómo puedo hacer que funcione sin problemas de nuevo? este es el sitio web https://inwi-distribution.com/ Tienes que desplazarte con la rueda del mouse para replicar el problema, gracias de antemano.
Adición background-attachment: fixed; al DIV mencionado a continuación (pertenece al área de código del control deslizante de revolución de su página de inicio) hace que su sitio web se desplace muy suavemente:
<div class="tp-bgimg defaultimg " data-bgcolor="undefined" style="background-repeat: no-repeat;background-image: url("https://inwi-distribution.com/wp-content/uploads/2018/12/IQ0A3143-1.jpg");background-size: cover;background-position: center top;width: 100%;height: 100%;opacity: 1;visibility: inherit;z-index: 20;background-attachment: fixed;" src="https://inwi-distribution.com/wp-content/uploads/2018/12/IQ0A3143-1.jpg"></div> Y además, tendrás que jugar con CSS y deshacerte de position: absolute; por tus imágenes. O al menos cambiar la posición de las imágenes un poco para agregar espacio no deseado sobre las imágenes.