原文:vue聊天功能之滾動條自動定位到底部

一 問題描述 首次進入聊天窗口,數據加載之后先顯示最早消息,后顯示最新消息,也就是數據加載完之后,延遲了一個時間滾動條才自動定位到最底部。 二 解決方案 如果數據在剛好加載完的時候滾動條就定位到了最底部就好了,就不會在進入聊天窗口之后還看到滾動條在往下滾動,出現的問題就是因為獲取數據和設置滾動條位置的代碼不是同步的不是按順序執行的,后者加了定時器。 像微信聊天窗口一樣,一進入到聊天窗口就看到滾動條 ...

2018-10-29 18:29 0 717 推薦指數:

查看詳情

vue 內容增加滾動條自動定位底部

之后執行延遲回調,在修改數據之后使用。 再次修改之后的代碼如下,可以實現自動定位到對話頁面的底部,但是 ...

Wed May 22 01:57:00 CST 2019 0 1889
React定位滾動條底部

import React,{Component } from 'react' import './App.css'; class App extends Component{ scr ...

Tue Jul 21 02:47:00 CST 2020 0 2285
[聊天框]讓DIV的滾動條自動滾動到最底部 - 4種方法

要制作一個在線聊天的程序,在做最后的修飾時,需要對獲得的信息即時滾動以保證用戶總能看到最新消息。 聊天程序是基於AJAX設計的,沒有用框架,消息容器是一個DIV,所以問題就在於如何控制DIV的滾動條。 網上有資料介紹說通過設置scrollTop屬性來控制滾動條位置,具體可參見:http ...

Wed Nov 11 18:54:00 CST 2015 1 22389
 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM