一个非常简单的方法是将滚动设置为div的高度。

var myDiv = document.getElementById("myDiv");
window.scrollTo(0, myDiv.innerHeight);

在我的Angular 6应用中，我这样做了:

postMessage() {
  // post functions here
  let history = document.getElementById('history')
  let interval    
  interval = setInterval(function() {
    history.scrollTop = history.scrollHeight
    clearInterval(interval)
  }, 1)
}

clearInterval(interval)函数将停止计时器以允许手动上下滚动。

更新的方法，适用于所有当前浏览器:

this.scrollIntoView(false);

如果你使用jQuery scrollTop，这就简单多了:

$("#mydiv").scrollTop($("#mydiv")[0].scrollHeight);

平滑滚动Javascript:

. getelementbyid(“信息”)。scrollIntoView({behavior: 'smooth'， block: 'end'});

小附录:仅限滚动，如果最后一行已经可见。如果滚动一点点，将内容留在原地(注意:没有测试过不同的字体大小。这可能需要在">= compare "中进行一些调整):

var objDiv = document.getElementById(id);
var doScroll=objDiv.scrollTop>=(objDiv.scrollHeight-objDiv.clientHeight);                   

// add new content to div
$('#' + id ).append("new line at end<br>"); // this is jquery!

// doScroll is true, if we the bottom line is already visible
if( doScroll) objDiv.scrollTop = objDiv.scrollHeight;