如何保持DIV的垂直滾動條在底部

　　今天發現一個可以通過CSS使DIV的垂直滾動條保持在底部的方法，記錄一下！

.container {
  height: 100px;
  overflow: auto;
  display: flex;
  flex-direction: column-reverse;
}

　　在線查看例子：https://codepen.io/jimbol/pen/YVJzBg

　　通過JavaScript也可以實現相同的效果：

function updateScroll(){
    var element = document.getElementById("yourDivID");
    element.scrollTop = element.scrollHeight;
}

//once a second
setInterval(updateScroll,1000);