Javascript iscroll在聊天盒上工作不正常，但在打开inspect元素时工作正常

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

这是我的聊天室 HTML

}

JS

---

在添加新元素时，您是否尝试过myScroll.refresh（）？是的，但我认为我没有正确编码，您能帮助我@zvona吗？

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

    </div>

.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;
} 

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

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