如何保持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);

 

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

上一篇:leetcode109 有序链表转换二叉树


下一篇:Bing每日壁纸的RESTful接口实现