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

Question

[Krazu]

прилагаю свой код, почему-то не работает(

<style>
    <style>
        /* Стили для основного сайта */
        body {
            overflow: auto; /* Установите значения по умолчанию для прокрутки */
        }
    </style>
    <script>
        // Обработка события прокрутки на основном сайте при взаимодействии с iframe
        function handleParentScroll(e) {
            var isIframeTouched = false;
            // Проверяем, было ли событие внутри iframe или на его элементах
            if (e.target.ownerDocument === window.document) {
                isIframeTouched = true;
            }
            // Предотвращаем прокрутку только если событие было внутри iframe
            if (isIframeTouched) {
                e.preventDefault();
            }
        }
      
        // Добавление обработчика событий
        window.addEventListener('touchmove', handleParentScroll, { passive: false });
    </script>
<iframe width="100%" scrolling="no" style="overflow: auto;" height="650" src="https://top-developments.ru"></iframe>

Comments

[Александр]

Попробуйте https://developer.mozilla.org/ru/docs/Web/CSS/over...

[demon trigger]

попробуй в css написать для body overflow-x: hidden;

[Krazu]

demon trigger, решением было preventDefault()

[Krazu]

Александр, решением было preventDefault()

[Krazu]

demon trigger, для событий touchstart в сайте который добавляю через iframe

Answer 1

[B14DbIK4]

Добавь на iframe такой же обработчик как и на window:

var iframe = document.querySelector('iframe');
    iframe.addEventListener('touchmove', handleIframeScroll, { passive: false });