在元素内部滚动,滚动到距离底部100触发条件

在元素内部滚动,滚动到距离底部100触发条件

    treeSelectScroll() {
      // 进入nexTick
      const body = document.getElementsByClassName("vue-treeselect__menu")[0]; // 获取滚动条的dom
      // 获取距离顶部的距离
      const scrollTop = body.scrollTop;
      // 获取可视区的高度
      const windowHeight = body.clientHeight;
      // 获取滚动条的总高度
      const scrollHeight = body.scrollHeight;
      if ( scrollTop + windowHeight >=  scrollHeight) {
        // 把距离顶部的距离加上可视区域的高度 等于或者大于滚动条的总高度就是到达底部
        this.show = true;
      } else {
        this.show = false;
        // 滚动事件
        body.onscroll = () => {
          const scrollTop = body.scrollTop;
          if (scrollTop + windowHeight + 100>= scrollHeight) {
            // 把距离顶部的距离加上可视区域的高度 等于或者大于滚动条的总高度就是到达底部
            this.show = true;
            this.getTreeselect()
          }
        };
      }
    },

你可能感兴趣的:(vue.js,前端,javascript)