Disable events while scrolling page

disable-scroll-events.css

.disable-hover {
  pointer-events: none;
}

disable-scroll-events.js

var body = document.body, timer;
window.addEventListener('scroll', function() {
    clearTimeout(timer);
    if(!body.classList.contains('disable-hover')) {
        body.classList.add('disable-hover');
    }
    timer = setTimeout(function(){
        body.classList.remove('disable-hover');
    },500);
}, false);