实现div元素滚动条自动滚动到最底部(或最顶部)
css 属性 Overflow 可以实现溢出显示滚动条
overflow: scroll;
或
overflow-y: auto
overflow-x: auto
实现div元素滚动条默认滚动到最底端
使用场景:聊天信息框
需要了解几个属性和方法:
scrollHeight:元素高度 (包含滚动条隐藏部分)
clientHeight:元素可视高度 (不包含滚动条隐藏部分)
scrollTo(x, y):元素设置滚动位置方法
const box = document.querySelector('.info-box'); box.scrollTo(0, box.scrollHeight - box.clientHeight); //最底部
//最顶部 box.scrollTo(0, box.clientHeight -box.scrollHeight);