image.png
image.png
image.png
image.png
代码复制区（这个文章是参考大佬的我只是记录下方便以后用）
let messagesEnd;
ref={(el) => { messagesEnd = el; }}
scrollToBottom() {
if (messagesEnd) {
const scrollHeight = messagesEnd.scrollHeight;//里面div的实际高度 2000px
const height = messagesEnd.clientHeight; //网页可见高度 200px
const maxScrollTop = scrollHeight - height;
messagesEnd.scrollTop = maxScrollTop > 0 ? maxScrollTop : 0;
//如果实际高度大于可见高度，说明是有滚动条的，则直接把网页被卷去的高度设置为两个div的高度差，实际效果就是滚动到底部了。
}
}
网友评论