Я хочу создать функцию Javascript, которая в конечном итоге будет вызывать анимацию div, обновляя вычисления по мере прокрутки пользователем.
Моя цель состоит в том, чтобы сделать это путем увеличения числа, первоначально с 0
до 20
.Как только 20
является значением, это число должно быть распознано, а затем значение должно быть уменьшено с 20
до -20
(например)
В данный момент у меня есть функция, которая будет подсчитыватькогда я прокручиваю страницу вниз, а затем, когда я прокручиваю вверх, снова начнется обратный отсчет, но я не уверен, как лучше получить значения, которые также будут обновляться, когда числа достигают 20
и -20
по мере прокрутки пользователем.
let scrollCount = 0;
window.addEventListener("mousewheel", function(e){
if(e.wheelDelta < 0 && scrollCount < 20){
scrollCount++
}
else if(e.wheelDelta > 0 && scrollCount > -20){
scrollCount--
}
let x = scrollCount * window.innerWidth
let y = 30 * window.innerHeight
moveEye(irisLeft, x, y)
moveEye(irisRight, x, y)
console.log(scrollCount)
});