文章詳情頁(yè)
javascript - 控制聊天內(nèi)容顯示框滾動(dòng)條自動(dòng)定位到底部
瀏覽：154日期：2023-01-07 14:58:17
問(wèn)題描述
用angular1寫(xiě)的一個(gè)聊天軟件，監(jiān)聽(tīng)聊天內(nèi)容模型變化（有新的聊天內(nèi)容），然后使聊天內(nèi)容顯示框的滾動(dòng)條自動(dòng)定位到底部。但是如果用戶正在查看聊天內(nèi)容，滾動(dòng)條還會(huì)定位到底部就會(huì)很奇怪。有沒(méi)有當(dāng)前p被選中的事件來(lái)解決這個(gè)問(wèn)題呢？
問(wèn)題解答
回答1：在數(shù)據(jù)更新之前判斷滾動(dòng)條的位置，如果滾動(dòng)條在底部則更新數(shù)據(jù)后滾動(dòng)條再次定位到底部，否則就說(shuō)明用戶滑動(dòng)了聊天界面，不再進(jìn)行滾動(dòng)
標(biāo)簽：
JavaScript
相關(guān)文章：
1. javascript - 原生canvas中如何獲取到觸摸事件的canvas內(nèi)坐標(biāo)?2. sql語(yǔ)句 - mysql中關(guān)聯(lián)表查詢問(wèn)題3. javascript - iframe 為什么加載網(wǎng)頁(yè)的時(shí)候滾動(dòng)條這樣顯示？4. javascript - vscode alt+shift+f 格式化js代碼，通不過(guò)eslint的代碼風(fēng)格檢查怎么辦。。。5. javascript - [js]為什么畫(huà)布里不出現(xiàn)圖片呢？在線等6. javascript - 有什么比較好的網(wǎng)頁(yè)版shell前端組件？7. javascript - 求解答：實(shí)例對(duì)象調(diào)用constructor，此時(shí)constructor內(nèi)的this的指向？8. javascript - 如何將一個(gè)div始終固定在某個(gè)位置；無(wú)論屏幕和分辨率怎么變化；div位置始終不變9. css - chrome下a標(biāo)簽嵌套img 顯示會(huì)多個(gè)小箭頭?10. html - vue項(xiàng)目中用到了elementUI問(wèn)題
排行榜
熱門標(biāo)簽
網(wǎng)公網(wǎng)安備