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

Если вам нужно предотвратить перемещение основного сайта при проведении пальцем внутри iframe на мобильных устройствах, вы можете добавить следующий код на свою страницу:

var iframe = document.querySelector('iframe');

iframe.addEventListener('touchmove', function (event) {
    event.stopPropagation();
}, { passive: false });

Этот код добавляет прослушиватель событий touchmove (событие, возникающее при перемещении пальцем по экрану) на элементе iframe. Внутри обработчика события мы вызываем метод stopPropagation(), чтобы предотвратить всплытие события и тем самым предотвратить перемещение основного сайта.

Заметьте, что мы используем опцию { passive: false } при добавлении прослушивателя, чтобы принудительно разрешить вызовы preventDefault(), которые блокируют перемещение, используя активное событие touchmove.

Убедитесь, что код вызывается после того, как iframe будет добавлен в DOM или используйте прослушиватель событий load для window:

window.addEventListener('load', function() {
  // код для добавления прослушивателя событий
});

Теперь, когда пользователь пытается провести пальцем внутри iframe, перемещение основного сайта будет заблокировано, и только iframe будет реагировать на перемещение пальцем.