之后执行延迟回调,在修改数据之后使用。 再次修改之后的代码如下,可以实现自动定位到对话页面的底部,但是 ...
一 问题描述 首次进入聊天窗口,数据加载之后先显示最早消息,后显示最新消息,也就是数据加载完之后,延迟了一个时间滚动条才自动定位到最底部。 二 解决方案 如果数据在刚好加载完的时候滚动条就定位到了最底部就好了,就不会在进入聊天窗口之后还看到滚动条在往下滚动,出现的问题就是因为获取数据和设置滚动条位置的代码不是同步的不是按顺序执行的,后者加了定时器。 像微信聊天窗口一样,一进入到聊天窗口就看到滚动条 ...
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是使滚动更加流畅,减少卡顿 ...