用Div实现聊天界面遇到的问题

用Div实现聊天界面

部分代码，只为了说明问题，领会精神

 function init() {
            $.post("getChatList",function (result) {
                $("#cha").empty(); //发送框发送完消息后清空
                for (var i = 0; i < result.length; i++) {  //为了在div中换行输出消息
                    $("#cha").append(result[i]+"<br/>");
                }
                var sd = $("#chatRightTop")[0]; //将jquery 格式转换成 原生js形式
                sd.scrollTop = sd.scrollHeight; //这是注意点
            });
            setTimeout("init()",1500);
        }

 <div id="chatRightTop">
                <li id="cha"></li>
        </div>

以上代码中scrollTop 和.scrollHeight 是原生js中的方法属性，之前看网上的都是以jquery 的方式得到div，这样不可以，必须用原生js得到div 。然后在 sd.scrollTop = sd.scrollHeight;sd代表你获取的div 。或者用jQuery方式得到div ，然后在转换成js，
希望有人别再踩坑了。