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

2023-11-05

如聊天界面,滚动到顶部触发分页:
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();
          }
        },

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

div滚动到顶部或者底部触发分页查询方法 的相关文章

随机推荐