iframe внутри прокручиваемого div

Question

У меня есть приложение HTML5 с iframe. в IOS существует проблема с прокруткой iframe. В моем приложении я хочу прокручивать только содержимое фрейма, а не весь документ. Пример структуры страницы:

<div id="page">
    <div id="app-header">
        <h1>HEADER</h1>
    </div>
    <div id="content">
        <div id="wrapper">
            <iframe id="app-content" name="frm" src="content.html"></iframe>
        </div>
    </div>
</div>

CSS

#app-header {
    .....
    position: fixed;
    ......
}

#content {
    position:absolute;
    top: 53px;
    right:0;
    left:0;
    bottom:0;
}

#app-content {
    width: 80%;
    height: 100%;
}

Высота iframe оборачивает содержимое - ошибка ios - полос прокрутки нет. #Wrapper оборачивает фрейм. Когда я нажимаю где-нибудь на странице, весь документ прокручивается. Итак, я хочу прокрутить только содержимое #content div, а не весь документ. я добавил переполнение: авто к содержанию, и ничего не происходит. Там нет свитка. Когда я устанавливаю ширину: 80% для iframe и нажимаю на div обертки, содержимое div можно прокручивать, но когда я нажимаю на iframe, содержимое div не прокручивается. В чем проблема?

10x