Можно ли простым способом переназначить колесико мыши на вертикальный скролл?

Question

[Денис Букреев]

Такие дела.
Долго думал, долго гуглил.
Решил на всякий случай спросить.

Если нельзя, то как лучше реализовывать?

PS: без jQuery и прочей потреботины - нативный JS по ES6

Answer 1

[Виталий Инчин ☢]

document.onwheel = function(e){
   e.preventDefault();

   //Дельту желательно немного приумножать
   window.scrollBy(e.deltaY, 0); //С вертикального на горизонтальный
   window.scrollBy(0, e.deltaX); //С горизонтального на вертикальный
}

Comments

[Денис Букреев]

оочень простое решение
спасибо)

Answer 2

[Денис Букреев]

В моем случае скролл происходит не в window, а в блоке с id="timeline"

Для такого случая код такой:

window.timeline.onwheel = e => {
  e.preventDefault();
  timeline.scrollLeft = timeline.scrollLeft + e.deltaY;
};