在检查元素打开之前，iscroll不能正常工作

Question

我正在制作一个包含iscroll的聊天框，它的拖动很好，但是当输入对话框时它的滚动条没有出现，但是当我打开inspect元素时它工作正常，但是当输入更多对话框时滚动条没有不要改变它的长度，再次通过打开检查元件它工作正常。

HTML：

<div id="conversation" class="conversation ">
<div id="scroller">
</div>
</div>

CSS：

.conversation {
position:relative; 
width: 100%;
background: #a00;
padding-top: 10px;
overflow: auto;
height: 205px;
}
#conversation{
overflow:auto;
height: 205px;
}

#scroller{
position: relative;
background: #000;
bottom: 10px;
overflow: auto;
} 

JS：

 var myScroll;
function loaded() {
myScroll = new iScroll('conversation');
}

document.addEventListener('touchmove', function (e) { e.preventDefault(); }, false);

document.addEventListener('DOMContentLoaded', function () { setTimeout(loaded, 200); },              false);

请帮助:)