原文: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