场景

在某些场景中，我们通常会遇到需要将滚动条保持在顶/底部
比如：

1. 在线客服聊天对话中，始终让聊天对话框保持在最底部使得能一直看到最新的聊天记录
2. 某些后台管理页面，新建了项目，需要在左边的list里刷新显示，同时使得最新的记录显示在最上方。

方案

话不多说上代码：

var ele = document.getElementById('scroll_div')
ele.scrollTop = 0 //使该滚动条保持在顶部
ele.scrollTop = ele.scrollHeight // 使滚动条保持在底部

上述代码可以根据事件响应放在对应的位置，不再赘述

本文内容仅供个人学习、研究或参考使用，不构成任何形式的决策建议、专业指导或法律依据。未经授权，禁止任何单位或个人以商业售卖、虚假宣传、侵权传播等非学习研究目的使用本文内容。如需分享或转载，请保留原文来源信息，不得篡改、删减内容或侵犯相关权益。感谢您的理解与支持！

链接: https://fly63.com/article/detial/5954