Прокрутка вопроса iframe ios

Question

Я работаю на странице с встраиванием видео (vimeo & youtube). Я столкнулся с проблемой на мобильном устройстве: когда я пытаюсь прокрутить вниз, если палец находится на iframe, страница не прокручивается. Вы должны поместить ваши пальцы вокруг iframe, чтобы разрешить прокрутку страницы.

Любые идеи исправить это?

Надеется, что это достаточно ясно, извините, не может отправить вам страницу он находится на защищенный паролем сервера ...

Заранее спасибо, Alex

Answer 1

на мобильном Safari, обернуть плавающие фреймы внутри контейнер div. Из контейнера вы можете управлять прокруткой. Вы также должны объявить класс или идентификатор iframe для управления его атрибутами. Установите переполнение и переполнение webkit. Однако iframe в Mobile Safari, как известно, ошибочны, и вам, возможно, придется нажать пару раз, чтобы заставить его работать. Это пример:

<style> 
    #page_container { 
     max-height: 100%; 
     max-width: 100%; 
     background: #ffd800; 
     padding: 1em; 
     position: relative; 

    } 

    #iframe_container { 
     height: 800px; 
     width: 70%; 
     overflow: scroll; 
     -webkit-overflow-scrolling:touch; 
     position: absolute; 
    } 

    #iframe { 
     height: 100%; 
     width: 100%; 
    } 

</style> 

<div id="page_container"> 
    <div id="iframe_container"> 
     <iframe id="iframe" src="www.google.com"></iframe> 
    </div> 
</div>