当文本不断刷新增加时,希望在页面的滚动条能随着滚动到最后,方式如下:
在div中添加滚动功能,在class中加上pre-scrollable:
<div class="pre-scrollable" id="showresult" data-height="165px">show result here</div>
在js中,添加对滚动条的控制:
function processProgress(content){
try {
if (content === "") {
return false;
}
content = content.replace(/\n/g,'<br/>');
var showdiv = document.getElementById("showresult")
showdiv.innerHTML=content;
showdiv.scrollTop = showdiv.scrollHeight
}
catch(e){
console.log(e+"发生错误");
}
}
其中
showdiv.scrollTop = showdiv.scrollHeight
这一行,就是设置滚动条的位置换到末尾