之后執行延遲回調,在修改數據之后使用。 再次修改之后的代碼如下,可以實現自動定位到對話頁面的底部,但是 ...
一 問題描述 首次進入聊天窗口,數據加載之后先顯示最早消息,后顯示最新消息,也就是數據加載完之后,延遲了一個時間滾動條才自動定位到最底部。 二 解決方案 如果數據在剛好加載完的時候滾動條就定位到了最底部就好了,就不會在進入聊天窗口之后還看到滾動條在往下滾動,出現的問題就是因為獲取數據和設置滾動條位置的代碼不是同步的不是按順序執行的,后者加了定時器。 像微信聊天窗口一樣,一進入到聊天窗口就看到滾動條 ...
2018-10-29 18:29 0 717 推薦指數:
之后執行延遲回調,在修改數據之后使用。 再次修改之后的代碼如下,可以實現自動定位到對話頁面的底部,但是 ...
import React,{Component } from 'react' import './App.css'; class App extends Component{ scr ...
要制作一個在線聊天的程序,在做最后的修飾時,需要對獲得的信息即時滾動以保證用戶總能看到最新消息。 聊天程序是基於AJAX設計的,沒有用框架,消息容器是一個DIV,所以問題就在於如何控制DIV的滾動條。 網上有資料介紹說通過設置scrollTop屬性來控制滾動條位置,具體可參見:http ...
...
...
private scrollToBottom() { this.$nextTick(() => { const container = this.$el.que ...
原文:vue滾動條事件(獲取滾動條距離底部距離)_ kleinBlue.的博客-CSDN博客 vue 首先有滾動條的div一定要設固定高度,然后overflow:auto;出現滾動條 passive是使滾動更加流暢,減少卡頓 ...