文章詳情頁(yè)
javascript - 控制聊天內(nèi)容顯示框滾動(dòng)條自動(dòng)定位到底部
瀏覽：195日期：2023-01-07 14:58:17
問題描述
用angular1寫的一個(gè)聊天軟件，監(jiān)聽聊天內(nèi)容模型變化（有新的聊天內(nèi)容），然后使聊天內(nèi)容顯示框的滾動(dòng)條自動(dòng)定位到底部。但是如果用戶正在查看聊天內(nèi)容，滾動(dòng)條還會(huì)定位到底部就會(huì)很奇怪。有沒有當(dāng)前p被選中的事件來解決這個(gè)問題呢？
問題解答
回答1：在數(shù)據(jù)更新之前判斷滾動(dòng)條的位置，如果滾動(dòng)條在底部則更新數(shù)據(jù)后滾動(dòng)條再次定位到底部，否則就說明用戶滑動(dòng)了聊天界面，不再進(jìn)行滾動(dòng)
標(biāo)簽：
JavaScript
相關(guān)文章：
1. 運(yùn)行python程序時(shí)出現(xiàn)“應(yīng)用程序發(fā)生異常”的內(nèi)存錯(cuò)誤？2. java - butterknife怎么綁定多個(gè)view3. html5 - 前端面試碰到了一個(gè)緩存數(shù)據(jù)的問題，來論壇上請(qǐng)教一下4. css - 移動(dòng)端 盒子內(nèi)加overflow-y:scroll后 字體會(huì)變大5. 我在導(dǎo)入模板資源時(shí)遇到無法顯示的問題，請(qǐng)老師解答下6. 前端 - 集思廣益，如何用CSS實(shí)現(xiàn)數(shù)字上面有一個(gè)點(diǎn)7. PHPExcel表格導(dǎo)入數(shù)據(jù)庫(kù)怎么導(dǎo)入8. java - 同步/異步與阻塞/非阻塞之間的差異具體是什么？9. macos - 無法source activate python2710. css3 讓圖片變成灰色(filter)，但針對(duì)IE11瀏覽器無效
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備