原文:關於vue設置div滾動條一直處於最下方的解決方案

最近一個項目設計到了類似於一個在線客服聊天室需求。 使用的vue做的,需要將滾動條一直處於最下方,也就是一直展示最新的消息。 開始使用的原生js操作DOM 使scrollTop scrollHeight 發現沒有效果。 后來發現scrolltop 一直比scrollHeight 少一條消息的高度。 說一下我聊天框實現的思路 聊天框遍歷一個對象數組的內容 數組里也就是消息對象 每當websocket ...

2021-11-16 19:07 0 1955 推薦指數:

查看詳情

div滾動條一直保持在最下

1、設置css 在div的y軸上會出現滾動條。 在js中這樣寫,會保持滾動條一直最下面。 ...

Sat May 16 02:54:00 CST 2020 0 1328
vue div 設置滾動條位置 一直在底部

效果:每發布一信息,滾動條自動滾動到最新消息位置 代碼: html: css: 父div設置固定高度和overflow:none,所以這里需要設置overflow-y:auto ts: 因為消息是動態增加的,所以 ...

Tue Aug 24 01:51:00 CST 2021 0 540
div滾動條始終拉到最下

之前一直使用jQuery進行操作。 最近遇到這樣的需求,要求div滾動條始終在最下面。 div的id為test; 使用$("#text").scrollTop = $("#text").scrollHeight; 來進行控制。發現不起作用。 后來根據大佬的使用原生的dom獲取 ...

Thu Aug 30 19:23:00 CST 2018 0 1845
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM