美文网首页
使用js将滚动条scrollbar保持在最顶/底部

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

作者: 有一条大鱼 | 来源:发表于2019-10-16 16:07 被阅读0次

场景

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

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

方案

话不多说上代码:

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

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

相关文章

网友评论

      本文标题:使用js将滚动条scrollbar保持在最顶/底部

      本文链接:https://www.haomeiwen.com/subject/kjjumctx.html