vue 聊天记录 向上滚动加载数据 计算滚轮位置

记录：滚轮触顶后，加载数据，重新计算滚轮所在位置。

先看效果：

示例代码

 

scrollHeight:返回元素整体的高度,包括由于overflow溢出而在屏幕上不可见的内容。

第一步：

首先在mounted中监听滚动条事件，触发handleScroll函数

此处setTimeout为模拟异步请求数据

你们应该在异步请求数据之后，nextTick之后获取scrollHeight。

// 示例代码  
mounted(){
  window.addEventListener('scroll', this.handleScroll,true)
    setTimeout(()=>{
      this.lastScrollHeight = document.documentElement.scrollHeig