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

场景

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

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

方案

话不多说上代码:

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

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

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

推荐阅读更多精彩内容