您的位置：首页技术文章
文章详情页

javascript - 控制聊天内容显示框滚动条自动定位到底部

浏览：281日期：2023-01-07 14:58:17

问题描述

用angular1写的一个聊天软件，监听聊天内容模型变化（有新的聊天内容），然后使聊天内容显示框的滚动条自动定位到底部。但是如果用户正在查看聊天内容，滚动条还会定位到底部就会很奇怪。有没有当前p被选中的事件来解决这个问题呢？javascript - 控制聊天内容显示框滚动条自动定位到底部

问题解答

回答1：

在数据更新之前判断滚动条的位置，如果滚动条在底部则更新数据后滚动条再次定位到底部，否则就说明用户滑动了聊天界面，不再进行滚动

标签： JavaScript
上一条：javascript - 小demo：请教怎么做出类似于水滴不断扩张的效果？下一条：javascript - vue渲染子组件异步问题
相关文章：
1. docker api 开发的端口怎么获取？2. css3 - 微信前端页面遇到的transition过渡动画的bug3. 老师，flex-shrink: 1; 按视频操作，不会自动缩放4. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？5. mysql - phpMyAdmin无法导入数据6. python的文件读写问题？7. 如何解决docker宿主机无法访问容器中的服务？8. macos - mac下docker如何设置代理9. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。10. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
排行榜
css3 - 微信前端页面遇到的transition过渡动画的bug
css3 - 微信前端页面遇到的transition过渡动画的bug
1. python的文件读写问题？
2. docker镜像push报错
3. docker api 开发的端口怎么获取？
4. mysql - phpMyAdmin无法导入数据
5. 老师，flex-shrink: 1; 按视频操作，不会自动缩放
6. python - 怎样在linux下开发flask web应用时查看代码出错（traceback）的地方。
7. docker images显示的镜像过多，狗眼被亮瞎了，怎么办？
8. 如何解决Centos下Docker服务启动无响应，且输入docker命令无响应？
9. 如何解决docker宿主机无法访问容器中的服务？
10. macos - mac下docker如何设置代理
热门标签