实现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);