滚动条判断是否滑动到顶部底部
程序员文章站
2022-04-11 08:27:18
/** * [滚动条] */ $(window).scroll(function() { var scrollTop = $(this).scrollTop(); // 滚动条距离顶部的高度 console.log("滚动条距离顶部的高度-->" + scrollTop); var scrollHe... ......
/** * [滚动条] */ $(window).scroll(function() { var scrolltop = $(this).scrolltop(); // 滚动条距离顶部的高度 console.log("滚动条距离顶部的高度-->" + scrolltop); var scrollheight = $(document).height(); // 当前页面的总高度 console.log("当前页面的总高度-->" + scrollheight); var clientheight = $(this).height(); // 当前可视的页面高度 console.log("当前可视的页面高度-->" + clientheight); if (scrolltop + clientheight >= scrollheight) { // 距离顶部高度+可视高度 >= 文档总高度 即代表滑动到底部 // code... alert('已经到底了!'); } else if (scrolltop <= 0) { // code... alert('已经到顶了!'); } });
推荐阅读