Trotting way (Call no more than once every 150 ms):
var controller = document.querySelector(".main");
var apple = document.querySelector(".box");
var orange = document.querySelector(".box1");
var papaya = document.querySelector(".box2");
var guava = document.querySelector(".box3");
var boxes = [apple,orange,papaya,guava];
controller.addEventListener('wheel', throttle(damnIt, 150));
function damnIt() {
console.log ("hey");
//my function for array selection goes here
}
function throttle(cb, timeout) {
// You can rewrite this function by replacing the time limit with the
// scroll pitch. I think that would be the best solution.
// let delta = e.deltaY || e.detail || e.wheelDelta;
// ... sum delta and call callback by the number of steps: accumulator/step
let lastCall = 0;
return function() {
if (new Date() - lastCall > timeout) {
lastCall = new Date();
cb();
}
}
}