横スクロールのサイトを作るとき、マウスホイールで横方向に移動させるための方法メモ。

window.addEventListener("mousewheel", e => {
    if (e.deltaX === 0) {
        e.stopPropagation()
        e.preventDefault()
        // noinspection JSSuspiciousNameCombination
        window.scrollBy(e.deltaY, 0)
    }
})

mousewheelイベントを監視。scrollだと、そもそもスクロールできない個所ではイベントが発火しない。
e.deltaX及びe.deltaYで移動方向と量を取得。
横スクロール可能なマウスでの横スクロールを阻止しないため、preventDefaultするのはX方向への移動が発生していない場合のみ。
window.scrollByでスクロール実行。ここではdeltaYをそのまま使っているが、適度な係数をかけてもいいかもしれない。
IntelliJは親切にも「Y軸の値をX軸に設定していますよ」という警告を出してくれる。凄い。でも今回はこれで正しいので、// noinspectionで警告を消す。