今天就跟大家聊聊有关vue 中怎么监听滚动条到底部，可能很多人都不太了解，为了让大家更加了解，小编给大家总结了以下内容，希望大家根据这篇文章可以有所收获。

为丰镇等地区用户提供了全套网页设计制作服务，及丰镇网站建设行业解决方案。主营业务为网站设计、网站制作、丰镇网站设计，以传统方式定制建设网站，并提供域名空间备案等一条龙服务，秉承以专业、用心的态度为用户提供真诚的服务。我们深信只要达到每一位用户的要求，就会得到认可，从而选择与我们长期合作。这样，我们也可以走得更远！

1、怎样用纯js判断滚动条是否到底部？

先了解几个关键词：

（1）滚动条到顶部的位置：scrollTop

（2）当前窗口内容可视区：windowHeight

（3）滚动条内容的总高度：scrollHeight

触发监听的函数是：

window.onscroll = function()｛...｝

判断到底部的等式: scrollTop+windowHeight=scrollHeight;

2、主要函数代码

 created(){
 window.onscroll = function(){
 //变量scrollTop是滚动条滚动时，距离顶部的距离
 var scrollTop = document.documentElement.scrollTop||document.body.scrollTop;
 //变量windowHeight是可视区的高度
 var windowHeight = document.documentElement.clientHeight || document.body.clientHeight;
 //变量scrollHeight是滚动条的总高度
 var scrollHeight = document.documentElement.scrollHeight||document.body.scrollHeight;
    //滚动条到底部的条件
    if(scrollTop+windowHeight==scrollHeight){
    //写后台加载数据的函数
   console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
    } 
  }
 }

看完上述内容，你们对vue 中怎么监听滚动条到底部有进一步的了解吗？如果还想了解更多知识或者相关内容，请关注创新互联行业资讯频道，感谢大家的支持。

文章标题：vue中怎么监听滚动条到底部
文章地址：http://pwwzsj.com/article/gisgep.html