今天發現一個可以通過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);