如何在Iphone的safari或android的webkit上的DIV中动态滚动内容？

Question

我的代码:

for(var myLine = 0; myLine < 100; myLine++)
      document.getElementById("myDiv").innerHTML += "line " + myLine + "<br>";


...............

<div style="position:...etc; overflow:auto;" id="myDiv"></div>

这在所有非移动平台上的每个浏览器中都没有出现故障.但是......当在iPhone(Safari)或Android(webkit)上实现时,div会填充文本,但是当文本超过div的高度并且用户无法"推送"时,不会生成滚动条内容也是如此.因此无论如何,有效溢出总是"隐藏".

我很好奇是否有一些我正在忽视的替代方法,或者这只是一个我现在无法绕过的错误.

Answer 1

这是移动 webkit 上的一个已知问题：http ://www.quirksmode.org/webkit.html 。寻找overflow。

解决这个问题的方法是iScroll。