jquery判断滚动条到达底部

本文介绍了一种监测单个DIV元素内部滚动条是否达到底部的方法,并对比了常见但不适用于特定场景的全局窗口滚动监听方式。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

       


         var nScrollHight = 0; //滚动距离总长(注意不是滚动条的长度)

         var nScrollTop = 0;   //滚动到的当前位置
         var nDivHight = $("#test").height();//overflow所在的div
          
        $("#test").scroll(function(){//不要使用 $(window)
           nScrollHight = $(this)[0].scrollHeight;
           nScrollTop = $(this)[0].scrollTop;
  $("#p1").text(nScrollHight);
  $("#p2").text(nScrollTop);
  $("#p3").text(nDivHight);
           if(nScrollTop + nDivHight >= nScrollHight){
  //到底部后进入此方法
  }
           

           });


上述方法是我自己在晚上找的资料并经过调试成功的代码


百度搜的过程,发现很多方法都是

/** $(window).scroll(function() {
             if ($(document).scrollTop() >= $(document).height() - $(window).height()) {
                 curPage++;
                 getSendList();
             }
         });   */

经过测试这种并不适用单个div中的滚动条

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值