css 滚动时禁用悬停

Posted 2021-05-13

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);

.disable-hover,
.disable-hover * {
    pointer-events: none !important;
}