为了账号安全,请及时绑定邮箱和手机立即绑定

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

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

慕雪6442864 2019-03-08 18:23:45
   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;              }          }
查看完整描述

1 回答

?
慕的地6264312

TA贡献1817条经验 获得超6个赞

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

查看完整回答
反对 回复 2019-03-12
  • 1 回答
  • 0 关注
  • 426 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
意见反馈 帮助中心 APP下载
官方微信