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);
标签:box,滚动,scrollTo,元素,滚动条,div,overflow,scrollHeight From: https://www.cnblogs.com/handsomeziff/p/17932633.html