js 实现上拉加载功能

methods: {
  handleScroll() {
    //可滚动容器的高度
    if(!document.querySelector("容器的类名")){
      return false
    }
    let innerHeight = document.querySelector("容器的类名").clientHeight;
    //屏幕尺寸高度
    let outerHeight = document.documentElement.clientHeight;
    //可滚动容器超出当前窗口显示范围的高度
    let scrollTop = document.documentElement.scrollTop;
    if (innerHeight < outerHeight + scrollTop && this.moreShowBoolen) {
      //加载更多操作  -- 调用请求接口的方法
      this.againAxios()
    }
  }
},
mounted() {
  //当页面滚动是触发监听事件
  window.addEventListener("scroll", this.handleScroll)
}
 
posted @ 2021-12-08 17:47  有肌肉的小眼睛  阅读(188)  评论(0)    收藏  举报