【メモ】マウスホイールのスクロール方向を横に(JavaScript)

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

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で警告を消す。