Html5滑动事件，用于滑动分页

最新推荐文章于 2023-02-13 19:57:08 发布

Badboy66

最新推荐文章于 2023-02-13 19:57:08 发布

阅读量1.6k

点赞数

分类专栏：前端 Html5 文章标签： html5滑动分页 H5分页

本文链接：https://blog.csdn.net/Badboy66/article/details/52129319

版权

前端同时被 2 个专栏收录

1 篇文章 0 订阅

订阅专栏

Html5

1 篇文章 0 订阅

订阅专栏

     $(document).scroll(function () {
                var scrollTop = $(this).scrollTop();     //滑过的文档高度
                var scrollHeight = $(this).height();      //文档高度
                var windowHeight = window.innerHeight;  //浏览器窗口高度
                if (scrollTop + windowHeight  == scrollHeight) {
                  //加载数据等操作
                }
            });

当滑过顶部的文档高度 + 当前浏览器高度 = 文档的高度即判断滑到底部，可加载数据，用于Html5滑动分页