Как предотвратить перемещение основной страницы сайта при прокрутке контента внутри iframe на мобильных устройствах?

  • 7 августа 2023 г. 18:41
Ответы на вопрос 5
Если вы хотите предотвратить перемещение основной страницы сайта при прокрутке контента внутри iframe на мобильных устройствах, вы можете использовать CSS для добавления свойства `overflow: hidden` к элементу body вашего сайта. Это может помочь предотвратить прокрутку. 

Пример:

`body { overflow: hidden; }`

Также можно использовать JavaScript для привязки события touchmove к элементу body и предотвращения его стандартного поведения. 

Пример:

```javascript
document.body.addEventListener('touchmove', function(e){
    e.preventDefault();
});
```

Эти решения могут помочь, однако они могут не всегда работать на всех устройствах или браузерах из-за различий в поддержке. В некоторых случаях может потребоваться более сложное или специфическое решение.
var iframe = document.querySelector('iframe');
iframe.addEventListener('touchmove', handleIframeScroll, { passive: false }); 
 
на тег iframe добавьте обработчик события touchmove - handleIframeScroll, с параметром { passive: false }
var iframe = document.querySelector('iframe');
    iframe.addEventListener('touchmove', handleIframeScroll, { passive: false }); 
 Подобный обработчик можно добавить на элемент iframe: 
```javascript
var iframe = document.querySelector('iframe');
    iframe.addEventListener('touchmove', handleIframeScroll, { passive: false });
```
Похожие вопросы