How to make dynamic dynamic content in DIV on iPhone safari or Android websites?

Question

my code is:

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


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

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

this works seamlessly in every browser on all non-mobile platforms. However ... when it is implemented on iPhone (Safari) or Android (webkit), the div is filled with text, but the scroll bar is not generated when the text runs through the height of the div and the user cannot “click” the content down. Thus, efficient overflow is always “hidden” no matter what.

I am curious if there is any alternative approach that I am missing, or if this is just a mistake, I have no way to get around right now.

Answer 1

webkit: http://www.quirksmode.org/webkit.html. overflow.

iScroll.

Answer 2

, iOS . , . ( , div , ).

"" - , div , . Apple FingerTips .

Apple Safari Developer Library iPad.

Answer 3

, innerHTML, .

iPhone , dom ?