使用js将滚动条scrollbar保持在最顶/底部

场景

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

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

方案

话不多说上代码：

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

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

©著作权归作者所有,转载或内容合作请联系作者
平台声明：文章内容（如有图片或视频亦包括在内）由作者上传并发布，文章内容仅代表作者本人观点，简书系信息发布平台，仅提供信息存储服务。

推荐阅读更多精彩内容