Мышиное колесо не прокручивается взад и вперед ⇐ Html

[Anonymous]

Я использую этот скрипт для мышиного колеса . То, что я пробовал, работает только в одну сторону. Вместо того, чтобы прокручивать вверх и вниз, он просто прокручивается вперед. Я хочу, чтобы он сделал, это изменить курсор вперед и назад. Вот что я попробовал. < /P>
Я также попробовал метод Deltay < /code>, но не смог его выяснить. < /P>

Код: Выделить всё

var clicked = 0;
window.addEventListener('wheel', function(event) {
if (clicked == 0) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/1.png'), auto";
clicked = 1;
} else if (clicked == 1) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/2.png'), auto";
clicked = 2;
} else if (clicked == 2) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/3.png'), auto";
clicked = 3;
} else if (clicked == 3) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/4.png'), auto";
clicked = 4;
} else if (clicked == 4) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/5.png'), auto";
clicked = 5;
} else if (clicked == 5) {
document.getElementsByTagName("body")[0].style.cursor = "url('https://tim-school.com/codepen/mouser/6.png'), auto";
clicked = 0;
}
});< /code>
body {
background-color: #ffffff;
overflow: hidden;
}

html,
body {
height: 100%;
}

.box {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
}< /code>

Подробнее здесь: https://stackoverflow.com/questions/795 ... -and-forth