vue 2.x 监听div垂直滚动条到最底部

最新推荐文章于 2024-08-09 11:20:59 发布

一花一世界~

最新推荐文章于 2024-08-09 11:20:59 发布

阅读量5.5k

点赞数 7

分类专栏： Vue 文章标签： vue

本文链接：https://blog.csdn.net/llwy1428/article/details/87122318

版权

Vue 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

mounted(){
    window.addEventListener('scroll',this.handleScroll,true);
},
methods: {
    handleScroll(e){
        //变量scrollTop是滚动条滚动时，距离顶部的距离
        var scrollTop = e.target.scrollTop;
        //变量windowHeight是可视区的高度
        var windowHeight = e.target.clientHeight;
        //变量scrollHeight是滚动条的总高度
   		var scrollHeight = e.target.scrollHeight;
        //滚动条到底部的条件
        if(scrollTop+windowHeight==scrollHeight){
            //写后台加载数据的函数
         	console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
            alert("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
        }
    }
}