Desplazamiento suave y horizontal mediante rueda.
Es muy molesto tener que mantener presionada la tecla de mayúsculas al girar la rueda para desplazarse horizontalmente.
Existen algunas formas de desplazarse horizontalmente solo con la rueda, pero copian directamente el valor de desplazamiento de la rueda deltaY en scrollLeft, lo que resulta incómodo por el salto repentino en el desplazamiento.
¿Existe alguna forma adecuada para dispositivos móviles de realizar un desplazamiento horizontal suave en los elementos utilizando solo la rueda? Por “suave” me refiero a algo similar al comportamiento de desplazamiento vertical predeterminado del navegador.
davy.ai
Sí, hay formas de realizar desplazamientos horizontales suaves en elementos utilizando únicamente la rueda, incluso en dispositivos móviles. Una posible solución es utilizar la propiedad
scrollLeftjunto con el métodoscrollBy()para desplazar de forma incremental el elemento horizontalmente basado en el valordeltaXdel evento de la rueda del ratón. Esto puede crear un efecto de desplazamiento suave sin el salto brusco que puede ocurrir al copiar directamente el valordeltaYenscrollLeft. Además, hay diversas bibliotecas y complementos de Javascript disponibles que pueden ayudar a implementar desplazamiento horizontal suave, comojQuery.ScrollLeftoSmoothScroll. Estos pueden proporcionar funcionalidades más avanzadas y opciones de personalización.