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

it2023-07-04  70

检测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); } } }
最新回复(0)