div滚动到顶部或者底部触发分页查询方法

如聊天界面,滚动到顶部触发分页:
div标签里添加滚动事件:  @scroll.passive="getScrollUser($event)"


方法:

getScroll(event){
           if(event.target.scrollTop === 0 && this.chatRecordList.length < this.total){
             this.queryParams.pageNum++;
             this.getChatRecordList();
           }
        },

如用户列表滚动到底部触发分页:

div标签添加滚动事件: @scroll.passive="getScroll($event)"


方法:

getScrollUser(event){
          if(parseInt(event.target.scrollHeight-event.target.scrollTop) === parseInt(event.target.clientHeight) && this.userMessageList.length < this.userTotal){
            this.queryUserParams.pageNum++;
            this.selectChatUserList();
          }
        },

你可能感兴趣的:(前端,java,前端,javascript)