如何保持DIV的垂直滚动条在底部

 

今天发现一个可以通过CSS使DIV的垂直滚动条保持在底部的方法：

 

.container {

 

  height: 100px;

 

  overflow: auto;

 

  display: flex;

 

  flex-direction: column-reverse;

 

}

 

通过JavaScript也可以实现相同的效果：

 

function updateScroll（）{

 

    var element = document.getElementById（"yourDivID"）;

 

    element.scrollTop = element.scrollHeight;

 

}

 

//once a second

 

setInterval（updateScroll,1000）;