js 滚动条自动滚动到最底部

<div id="box"><div>内容1</div><div>内容1</div><div>内容1</div></div>要让box这个div随着里面内容的增加，滚动条一直处于最底部css: 给div设置固定高度，并且竖向超出滚动#box{height:200px;overflow-y:auto}js

劉三岁

18413人浏览 · 2021-12-15 15:59:28

劉三岁 · 2021-12-15 15:59:28 发布

<div id="box">
    <div>内容1</div>
    <div>内容1</div>
    <div>内容1</div>
</div>

要让box这个div随着里面内容的增加，滚动条一直处于最底部

css: 给div设置固定高度，并且竖向超出滚动

#box{height:200px;overflow-y:auto}

js:

var div = document.getElementById('wenti-body-div');
div.scrollTop = div.scrollHeight;

第二种写法：

$('#wenti-body-div').scrollTop($('#wenti-body-div').height())

	// 滚动条置于底部
	function scroll_kefu(){
		// console.log($('#wenti-body-div').height())
		// console.log($('#kefu-body').height())
	    $('#kefu-body').scrollTop($('#wenti-body-div').height())
	    // // 判断内容的高度是否已经超过页面可视高度，超过则页面置于底部
	    // if($('#wenti-body-div').height()>$('#kefu-body').height()){
	    // 	console.log('页面置于底部')
	    // 	// $('#kefu-body').scrollTop($('#wenti-body-div').height())
	    // }else{
	    // 	console.log('页面不动')
	    // }
	}