js判断滚动条是否到达底部

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js判断滚动条是否到达底部相关的知识,希望对你有一定的参考价值。


$(document).ready(function() {

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

var nScrollTop = 0; //滚动到的当前位置

var nDivHight = $(".datagrid-body").height();//div高度

$(".datagrid-body").scroll(function() {

 nScrollHight = $(this)[0].scrollHeight;//内容可视区域的高度加上溢出(滚动)的距离

  nScrollTop = $(this)[0].scrollTop;//滚动条在Y轴上的滚动距离

  if (nScrollTop + nDivHight >= nScrollHight)

    console.log("到达底部");

    });

  });

},


本文出自 “ubuntu” 博客,谢绝转载!

以上是关于js判断滚动条是否到达底部的主要内容,如果未能解决你的问题,请参考以下文章

jQuery判断滚动条是上滚还是下滚,且是否到达底部或顶部

JQ 如何判断横向滚动条到最右侧

原生js判断某个区域的滚动条滚动到了底部

jquery判断滚动条到底部

JS判断是否到达页面底部

Jquery 判断滚动条到达顶部或底部 (可用于上拉下拉加载刷新)