在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>
以上是在聊天室的编写中所遇的一点小问题