場景
在某些場景中,我們通常會遇到需要將滾動條保持在頂/底部
比如:
- 在線客服聊天對話中,始終讓聊天對話框保持在最底部使得能一直看到最新的聊天記錄
- 某些后臺管理頁面,新建了項目,需要在左邊的list里刷新顯示,同時使得最新的記錄顯示在最上方。
方案
話不多說上代碼:
var ele = document.getElementById('scroll_div')
ele.scrollTop = 0 //使該滾動條保持在頂部
ele.scrollTop = ele.scrollHeight // 使滾動條保持在底部
上述代碼可以根據事件響應放在對應的位置,不再贅述