场景
在某些场景中,我们通常会遇到需要将滚动条保持在顶/底部
比如:
- 在线客服聊天对话中,始终让聊天对话框保持在最底部使得能一直看到最新的聊天记录
- 某些后台管理页面,新建了项目,需要在左边的list里刷新显示,同时使得最新的记录显示在最上方。
方案
话不多说上代码:
var ele = document.getElementById('scroll_div')
ele.scrollTop = 0 //使该滚动条保持在顶部
ele.scrollTop = ele.scrollHeight // 使滚动条保持在底部
上述代码可以根据事件响应放在对应的位置,不再赘述
**粗体** _斜体_ [链接](http://example.com) `代码` - 列表 > 引用
。你还可以使用@
来通知其他用户。