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

场景

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

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

方案

话不多说上代码:

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

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

你可能感兴趣的:(使用js将滚动条scrollbar保持在最顶/底部)