javascript - 鼠标滚轮滚动时自动水平 100vw 滚动

Question

我有一个水平滚动网站，我希望当用户使用鼠标滚轮滚动（甚至是一点滚动）时，页面将自动水平滚动（100vw）。

我试图创建这个 js 脚本，但它只适用于 px 值。所以我试着放一个outerWidth或innerWidth，但滚动并不完美，它有一个轻微的偏移......

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();
});