horizontalWheelScroll()

horizontalWheelScroll()

const container = document.querySelector('.scroll-container');
container.addEventListener('wheel', horizontalWheelScroll);

function horizontalWheelScroll (event) {
    let modifier;
    if (event.deltaMode === event.DOM_DELTA_PIXEL) {
        modifier = 1;
        // иные режимы возможны в Firefox
    } else if (event.deltaMode === event.DOM_DELTA_LINE) {
        modifier = parseInt(getComputedStyle(this).lineHeight);
    } else if (event.deltaMode === event.DOM_DELTA_PAGE) {
        modifier = this.clientHeight;
    }
    if (event.deltaY !== 0) {
        // замена вертикальной прокрутки горизонтальной
        this.scrollLeft += modifier * event.deltaY;
        event.preventDefault();
    }
}