首页 > 其他 > 详细

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

时间:2021-09-01 17:49:00      阅读:28      评论:0      收藏:0      [点我收藏+]

  今天发现一个可以通过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的垂直滚动条在底部

原文:https://www.cnblogs.com/jaxu/p/15212609.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!