Как отключить на IOS (iphone, ipad) ховер при скролле?

Question

[Lolka21]

Приветствую, проблема на ios (iphone, ipad)... у меня при ховере добавляется класс с помощью jquery к нужному блоку, а на ios сам ховер срабатывает при скроле или касания экрана, но класс не добавляется, т.к. ховера не было....

на android ховер срабатывает по нажатию, можно так на ios сделать ?
может кто сталкивался с таким, есть какое-то решение ?

Answer 1

[Sun_Day]

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

let timer;

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