您现在的位置是:首页 > Javascript
当前栏目
[vuejs] 聊天框在overflow:auto中填数据时滚动到底部
2023-02-18 15:41:54 时间
在一个聊天的界面中 , 当我们固定了高度 , 并且设置了overflow:auto ,会出现滚动条 , 但是填充数据后 ,滚动条是不会跟着滚,数据隐藏在下面
这个时候需要把这块div的scrollTop设置为它的scrollHeight
this.$nextTick(() => { $('.chatBox').scrollTop($(".chatBox")[0].scrollHeight); });
this.$nextTick(() => {})这个是在等待dom变化完成后再去执行 , 如果不加这个获取到的dom高度一直慢半拍
相关文章
- vivo悟空活动中台-打造 Nodejs 版本的MyBatis
- 前端科普系列(3):CommonJS 不是前端却革命了前端
- 前端科普系列(2):Node.js 换个角度看世界
- 探究JS V8引擎下的“数组”底层实现
- JavaScript 引擎 V8 执行流程概述
- 如何编写高质量的 JS 函数(4) --函数式编程[实战篇]
- 为什么 JavaScript 中 0.1+0.2 不等于 0.3 ?
- Javascript之旅——终点站:困惑的settimeout
- Javascript之旅——第十一站:原型也不好理解?
- Javascript之旅——第十站:为什么都说闭包难理解呢?
- Javascript之旅——第九站:吐槽function
- Javascript之旅——第八站:说说instanceof踩了一个坑
- Javascript之旅——第七站:说说js的调试
- Javascript之旅——第六站:看看writable特性
- Javascript之旅——第五站:说说那些所谓的包装类型
- Javascript之旅——第四站:parseInt中要注意的坑
- Javascript之旅——第三站:几个需要注意的运算符
- Javascript之旅——第二站:对象和数组
- Javascript之旅——第一站:从变量说起
- php返回json格式的{}花括号