聊天室html页面提交内容后div内容自动滚到底部

在js中让div的内容自动滚向底部需要将做的就是将div的scrollTop指向div的scrollHeight

代码如下

<div id='demo' style="overflow='auto'"></div><button onclock='tijiao();'>提交</button><script>  function tijiao(){    var scrollDiv = document.getElementById('demo');    scrollDiv.scrollTop = scrollDiv.scrollHeight;}</script>

jquery中通过选择器选择的实际上是包装后的dom对象虽然可以拨开按照原生的js方式写但是可以有更优雅一点的方法去写

<div id='demo2' style="overflow='auto'"></div><button>提交</button><script>  $('button').click(function(){    var scrollDiv = $('#demo2');    scrollDiv.scrollTop(scrollDiv[0].scrollHeight);  });</script>

以上是在聊天室的编写中所遇的一点小问题