javascript - 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”是所有条目的列表，这些条目变成了“容器”的子节点。我的想法是让“容器”尽可能高以适应所有这些，再加上一点缓冲区，以防万一，至少在我让它工作并看看它是什么样子之前。

它在警报中正确显示的事实让我认为 div 只需要重新绘制。因此，我试过...

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

...还有这个，每次添加 child 时都会增加高度...

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();

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