jq窗口滚动监听

最新推荐文章于 2021-06-09 12:17:47 发布

Mason丶Liu

最新推荐文章于 2021-06-09 12:17:47 发布

阅读量1.2k

点赞数

分类专栏： Jquery

本文链接：https://blog.csdn.net/Superman_xing/article/details/78752827

版权

本文介绍了jQuery中(window).height()与(document).height()的区别，前者表示可见区域大小，后者表示整个文档高度。同时讲解了$(document).scrollTop()和$(document).scrollLeft()用于获取垂直和水平滚动距离的方法，并提供了判断滚动到顶端和底端的条件。

摘要由CSDN通过智能技术生成

scroll事件适用于window对象，但也可滚动iframe框架与CSS overflow属性设置为scroll的元素。

代码如下:

 
 
 $(document).ready(function () { 
     $(window).scroll(function () {
  
         //$(window).scrollTop()这个方法是当前滚动条滚动的距离
         //$(window).height()获取当前窗体的高度
         //$(document).height()获取当前文档的高度
         var bot = 50; //bot是底部距离的高度
         if ((bot + $(window).scrollTop()) >= ($(document).height() - $(window).height())) {
  
            //当底部基本距离+滚动的高度〉=文档的高度-窗体的高度时；
             //我们需要去异步加载数据了
             $.getJSON("url", { page: "2" }, function (str) { alert(str); });
         }
     });
 }); 

注意：(window).height()和(document).height