vue判断滚动条到底部

最新推荐文章于 2024-05-09 12:17:39 发布

转载最新推荐文章于 2024-05-09 12:17:39 发布 · 1w 阅读

6 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/tomyangym/p/10923339.html

文章标签：

#javascript #ViewUI

此博客为转载内容，转载自https://www.cnblogs.com/tomyangym/p/10923339.html ，涉及JavaScript相关知识。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

　　　　　　　　mounted() {
                this.$nextTick(() => {
　　　　　　　　　　　　// 进入nexTick
                    var bady = document.getElementById("dody");   // 获取滚动条的dom
                    // console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
                    bady.onscroll = () => {
　　　　　　　　　　　　　　 // 获取距离顶部的距离
                        var scrollTop = bady.scrollTop;
                        // 获取可视区的高度
                        var windowHeight = bady.clientHeight;
                        // 获取滚动条的总高度
                        var scrollHeight = bady.scrollHeight;
                        console.log("距顶部"+scrollTop+"可视区高度"+windowHeight+"滚动条总高度"+scrollHeight);
                        if(scrollTop+windowHeight>=scrollHeight){
                            // 把距离顶部的距离加上可视区域的高度 等于或者大于滚动条的总高度就是到达底部
                            
                            this.shows = false
                        }
                    }
                });
               
            },