iscroll在聊天框上没有正常工作，但是当打开inspect元素时它可以正常工作

Question

我做了一个聊天框并在其中添加了iscroll，iscroll的拖动工作正常，但是当对话框增加时其滚动条的长度不会改变，但是当打开inspect元素时它完全正常工作。

这是我的聊天框 HTML;

<div id="wrapper" class="wrapper ">
<div id="scroller">
</div>
</div>
<div class="message"><textarea id="write"></textarea>

    </div>

CSS

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

}

#scroller{
position: relative;
height:410px  ;
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);