Как правильно использовать pointer-events: none при скролле для большей отзывчивости и плавности?

Question

[Чёкатилло]

Есть вроде разжеванная статья на эту тему, а не лезет

Для объектов с :hover
Как этим пользоваться? Нужно подключать скрипт какой-то?
Спасибо!

Answer 1

[Алексей Ярков]

Там же по русски все =)

Вот это в css файл:

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

А это или в html инлайним или отдельным скриптом:

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

Comments

[Чёкатилло]

блин, я еврей )