Main > JavaScript > JavaScript: Отключить реакцию на тач действия

JavaScript: Отключить реакцию на тач действия

10.01.2019 0 comments » Views: 468

Javascript

Столкнулся с проблемой, когда при свайпе в виде буквы "Г" и отлавливании свайпа в стороны для последующей анимации, браузер делал вертикальный сдвиг, чем мешал анимации. Соответственно в момент свайпа в стороны, мне надо было отключить родную прокрутку. Тут я просто оставлю заметку с кодом, к которому пришел в итоге..

document.addEventListener('touchmove', handleTouchMove, { passive: false });
// очень важно указать опцию passive = false

function handleTouchMove(evt) {
    let swipeLeft = false;
    let swipeRight = false;
    let rewindTo = 0;
    ...
   if (swipeLeft || swipeRight) {
      $('html, body').animate({scrollTop: rewindTo});
      ...
      evt.preventDefault();
      evt.stopPropagation();
      return false;
   }
   ...
}

document.addEventListener('touchmove', handleTouchMove, { passive: false });

// очень важно указать опцию passive = false

function handleTouchMove(evt) {

let swipeLeft = false;

let swipeRight = false;

let rewindTo = 0;

...

if (swipeLeft || swipeRight) {

$('html, body').animate({scrollTop: rewindTo});

...

evt.preventDefault();

evt.stopPropagation();

return false;

}

...

}

Author: Vitaly Orlov | Rating: 4/5 | Tags: javascript , jquery , touch

JavaScript: Отключить реакцию на тач действия

Leave a Reply Cancel reply