检测window窗口是否滑动到底部

检测window窗口是否滑动到底部

话不多说，直接上代码

function windowAddEvent() {//为window绑定事件

            let height = document.querySelector('body').clientHeight - 10;
            // 状态值，防止获取数据太快
            let state = true;

            window.onscroll = function () {
				//获取窗口可视区域高度
                let ViewHeight = document.documentElement.clientHeight;
				//获取页面滚动时上移的距离
                let scrollHeight = window.pageYOffset;
				//当页面滑动到底部时理论上 可视区域高度 加上 滚动距离 等于 整个body的高度
                //但是实际上会差那么一点点，所以我们把获取的body高度减小一点，方便判断
                if (ViewHeight + scrollHeight >= height && state) {
					//在底部显示加载情况
                    document.querySelector('.loading').innerHTML = "正在加载^_^";
                    //改变状态值，防止在此期间重复设置定时器，
                    state = false;
					//800毫秒后请求数据
                    setTimeout(function () {
                        	//请求数据
                            getProductsList(classId);
                            state = true;
                    }, 800);
                }
            }
        }