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;

              }


          }


慕雪6442864
浏览 427回答 1
1回答

慕的地6264312

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

相关分类

JavaScript