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

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

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

问题描述

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

问题解答

回答1：

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

标签： JavaScript
上一条：javascript - 小demo：请教怎么做出类似于水滴不断扩张的效果？下一条：javascript - vue渲染子组件异步问题
相关文章：
1. python - 通过电影名称获取视频地址2. javascript - vue组件中使用百度分享初次加载失败？3. nginx反向代理配置访问后台，基础问题？4. java - 安卓实现熄屏功能。5. javascript - Jquery焦点图淡入淡出效果求指教6. 如何更新/删除指定的两条或多条数据7. 为什么php修改数据无法同步到数据库，只是当前页面修改成功？8. javascript eval9. python 正则表达式提取10. ThinkPHP5实战之教学系统
排行榜
python - 通过电影名称获取视频地址
python - 通过电影名称获取视频地址
1. 如何更新/删除指定的两条或多条数据
2. 为什么php修改数据无法同步到数据库，只是当前页面修改成功？
3. nginx反向代理配置访问后台，基础问题？
4. javascript - Jquery焦点图淡入淡出效果求指教
5. java - 安卓实现熄屏功能。
6. javascript - vue组件中使用百度分享初次加载失败？
7. javascript eval
8. javascript - 关于jQuery File Upload这个插件的问题
9. javascript - 关于正则表达式的一些问题
10. css3动画 - css3 animation初始动画卡顿是怎么回事？
热门标签