vue上滑加载更多，让滚轮在原来的位置

vue上滑加载更多，让滚轮在原来的位置

<div
    class="sessionArea"
    @scroll="onScroll"
    ref="loadMoreMsg"
></div>

//moreHistoryUrl是表示加载更多历史的url，showMore表示是展示加载中（true）
onScroll() {
    var contentHeight = this.$refs.loadMoreMsg.scrollTop; //容器高度
    if (contentHeight < 1 && this.moreHistoryUrl != null && !this.showMore) {
         this.showMore = true;
         this.getMoreHistory();
    } else if (this.moreHistoryUrl == null) {
         this.showMore = false;
    }
},
//conversation是历史消息列表
//更多历史消息
getMoreHistory() {
    let that = this;
    var scrollH = that.$refs.loadMoreMsg.scrollHeight;
    this.axios
        .get(this.moreHistoryUrl)
        .then((res) => {
            if (res.data.code == 200) {
        	    let data = res.data.data.data.reverse();
                this.conversation = data.concat(this.conversation);
                this.moreHistoryUrl = res.data.data.next_page_url;
                this.$nextTick(function () {
                    //这里的-50是表示加载中这几个字div的高度（你是多少减多少）
                    let diff = that.height ? scrollH - that.height : -50;
                    that.height = that.$refs.loadMoreMsg.scrollHeight;
                    that.$refs.loadMoreMsg.scrollTop = that.height - scrollH + diff;
                    that.showMore = false;
                });
            } else {
                alert(res.message);
            }
       })
},