Tengo un sitio web de desplazamiento horizontal y quiero que cuando el usuario se desplace con la rueda del mouse (aunque sea un poco), la página se desplazará automáticamente de forma horizontal (100vw).

Intenté crear este script js, pero solo funciona con el valor px. Así que traté de poner un ancho exterior o un ancho interior, pero el desplazamiento no es perfecto, tiene un pequeño desplazamiento...

 const mouseWheel = document.getElementById("carousel"); mouseWheel.addEventListener('wheel', function(e) { const race = window.outerWidth; // How many pixels to scroll if (e.deltaY > 0) // Scroll right mouseWheel.scrollLeft += race; else // Scroll left mouseWheel.scrollLeft -= race; e.preventDefault(); });