聊天室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>

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