今天发现一个可以通过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);