iphone - 如何让内容在 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 .寻找溢出。

解决方案是 iScroll .