Как запретить скроллинг body, когда к определённому элементу применяется событие touchmove?

Question

[Влад]

Как запретить скроллинг body, когда к определённому элементу применяется событие touchmove на мобильном устройстве?
Сделал вот так:

el.addEventListener('touchstart', handleTouchStart, false);
el.addEventListener('touchmove', handleTouchMove, false);
function handleTouchStart(event) {
   ...
   document.body.style.overflow = "hidden";
}
function handleTouchMove(event) {
   ...
   document.body.style.overflow = "auto";
}

На десктопе при эмуляции мобильного устройства работает. На смартфоне по факту нет. Как правильно сделать?

Comments

[Илья]

попробуй к боди применить oveflow: hidden

[Александр]

@Vextor-ltd

Попробуйте event.preventDefault()

el.addEventListener('touchstart', handleTouchStart, false);
el.addEventListener('touchmove', handleTouchMove, false);

function handleTouchStart(event) {
   ...
   document.body.style.overflow = "hidden";
}

function handleTouchMove(event) {
   event.preventDefault();
   ...
   document.body.style.overflow = "auto";
}

[Влад]

Александр,
event.preventDefault();

Точняк. Не сообразил ) И overflow вообще не нужно менять.