Как я могу предотвратить прокрутку любого элемента с помощью JavaScript для сенсорных устройств? Следующий код отлично работает на десктопе, но не работает на мобильных устройствах. (Проверено на iOS.)
document.getElementById('content').addEventListener('wheel', function(e){
e.preventDefault();
});
document.getElementById('content').addEventListener('touchmove', function(e){
e.preventDefault();
// Does nothing!?
});
div{
height: 50px;
width: 200px;
background: yellow;
overflow: scroll;
}
<div id="content">
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
SCROLL<br>
<div>
Есть идеи, как это исправить? Спасибо!