css 60fps指针事件 - http://www.thecssninja.com/css/pointer-events-60fps

Posted 2021-05-13

/*
 *  All we have to do is add the .disable-hover class to the body when the user begins to scroll. 
 *  This then allows the users cursor to pass through the body and thus disable any hover effects.
*/
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;
}