Phonegap和Javascript —动态调整Div的大小

Question

我目前正在Phonegap / Cordova中使用Android，无论我做什么，我都无法获得某个div来正确调整大小。 它在Javascript中填充了许多子节点，除非我将div硬编码到某个荒谬的高度，否则其中一些会被隐藏。 奇怪的是，当我设置“ alert（）;”时 在此之前或之后...

var newheight=entlist.length*200;
newheight+=200;
document.getElementById('container').style.height=newheight+'px';

...它会正确显示。 同样，“ entlist”是所有变成“ container”子节点的所有条目的列表。 这样做的想法是使“容器”尽可能高以适应所有这些容器，再加上一点缓冲，以防万一，至少要等到我使它工作并看看它是什么样时为止。

它在警报中正确显示的事实使我认为div仅需要重绘。 因此，我尝试了...

var div=document.createElement("div");
document.getElementById('container').appendChild(div);
document.getElementById('container').removeChild(div);

...这会增加每次添加孩子的身高...

var cH = document.getElementById("container").offsetHeight;
document.getElementById("container").style.height = (cH+150)+"px";

将“容器高度”设置为“自动”，最后...

document.getElementById('container').innerHTML = '<p>test</p>';

因此，我已经尽力在该主题上找到了一切。 如果有人可以帮助我解决这个问题，我将不胜感激！ 谢谢。

Answer 1

找到了答案！ div位于iScroll包装器内部，我什至没有意识到甚至可以刷新它。 我只添加了一行以使其成为...

var newheight=entlist.length*200;
newheight+=200;
document.getElementById('container').style.height=newheight+'px';
myScroll.refresh();

...它就像一种魅力。 :)