[vuejs] 聊天框在overflow:auto中填数据时滚动到底部

在一个聊天的界面中 , 当我们固定了高度 , 并且设置了overflow:auto ,会出现滚动条 , 但是填充数据后 ,滚动条是不会跟着滚,数据隐藏在下面

这个时候需要把这块div的scrollTop设置为它的scrollHeight

代码语言：javascript复制

                this.$nextTick(() => {
                    $('.chatBox').scrollTop($(".chatBox")[0].scrollHeight);
                });

this.$nextTick(() => {})这个是在等待dom变化完成后再去执行 , 如果不加这个获取到的dom高度一直慢半拍

auto dom overflow scrolltop 数据

0 人点赞