vue滚动到底了,怎么判断鼠标继续下滑时翻页?

   mounted(){
          document.body.scrollTop = 0;
          this.a=document.body.scrollHeight||document.documentElement.scrollHeight;
          this.c =  document.documentElement.clientHeight;
          window.addEventListener('scroll',this.menu);


      },
        menu() {
              this.a = document.body.scrollHeight || document.documentElement.scrollHeight;

              this.b = document.body.scrollTop || document.documentElement.scrollTop;
              //通过判断滚动条的top位置与可视网页之和与整个网页的高度是否相等来决定是否加载内容;
              if (this.b + this.c == this.a) {
                 // this.$router.push('./intelligenceb');
                  setTimeout(()=> {
                      console.log(滚动到底了)
                     
                  },800);
                //  return;
              }

          }
阅读 3.8k
1 个回答

没看懂你的代码。
我一般会用css将最外层的滚动条挪到<app />上,处理的话就常规处理吧。
mounted阶段绑定事件,destoryed时候解除绑定。
事件绑定到app上(或者你当前判断条件所在的dom上),用你描述的判断条件就好。
其实有很多现成的上拉加载的组件,你可以直接用。
比如这个
这是它的源代码
判断条件:
scrollEventTarget.scrollHeight - viewportBottom <= distance;
跟你讲的差不多

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题