vue判断滚动条到底部

Posted 2021-12-06 tomyangym

　　　　　　　　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
                        }
                    }
                });
               
            },