60fps scrolling using pointer-events: none

reduce browser repaints

/*

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

if you have many box-shadow elements or any animated elements
that cause of browser repaints

*/

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