Как отключить прокрутку на мобильных устройствах после того, как пользователь коснулся блока (событие touchstart)?

  • 6 августа 2023 г. 19:31
Ответы на вопрос 1
Вы можете использовать следующий код:

```javascript
document.getElementById('your-element-id').addEventListener('touchstart', function(e) {
    e.preventDefault();
}, {passive: false});
```

В этом случае `e.preventDefault();` отключает стандартное поведение браузера на событие 'touchstart', что включает в себя прокрутку. Это остановит прокрутку на мобильном устройстве.

Параметр `{passive: false}` необходим для корректной работы `e.preventDefault();` в некоторых браузерах.

Обратите внимание, что данный подход может создать проблемы с прокруткой страницы, если ваш блок занимает большое количество экрана или важен для пользовательского опыта. Вместо него рассмотрите возможность использования CSS-свойства `touch-action`.
Похожие вопросы