在移动应用上滚动iframe会在某个时刻跳转到页面顶部

Question

我有这个HTML:

<header class="bar-title"> <a class="button-prev" onclick="history.back(-1)">back</a>
     <h1 class="title">Page</h1>
</header>
<div style="overflow:auto;-webkit-overflow-scrolling:touch; height: 100%; width: 100%; padding-top: 42px;">
    <iframe style="height: 100%; width: 100%;" src="url"></iframe>
</div>

将iframe被向下滚动/顶部和左/右,但是当我滚动在某个时候跳转到页面顶部.

Answer 1

引用对象而不是 iframe

<object type="text/html" data="content-to-scroll.html"></object>

您使用什么移动设备？

<header class="bar-title"> <a class="button-prev" onclick="history.back(-1)">back</a>
 <h1 class="title">Page</h1>
</header>
<div style="overflow:auto;-webkit-overflow-scrolling:touch; height: 100%; width: 100%;   padding-top: 42px;">
<object type="text/html" style="height: 100%; width: 100%;" data="url"></object>
</div>

众所周知这是有效的。但不总是。