jQuery检测滚动条是否到达底部

1.jQuery检测到浏览器窗口滚动条到达底部。jQuery获取位置和大小相关函数：$(文档)。height()获取整个页面$(窗口)的高度。height()获取浏览器可以看到的页面当前部分的高度。当您缩放浏览器窗口时，此大小将会改变，这与文档不同。scrollTop()获取匹配元素相对于滚动条顶部的偏移量。ScrollLeft()获取匹配元素相对于滚动条左侧的偏移量。当滚动条改变时，滚动([[数据]，fn])违反滚动事件jQuery检测到滚动条到达底部代码：

$(文档)。ready(函数(){$(窗口))。滚动(函数(){if ($(文档))。scrolltop ()=0) {alert('滚动条顶部已达到0 ')；} if ($(文档)。scrollTop ()=$(文档)。高度()-$(窗口)。height ()) {alert('滚动条已到达底部' $(文档)。scroll top())；} });});其次，jQuery检测到div中的滚动条到达底部。前半部分介绍jQuery检测到浏览器窗口中的滚动条到达底部，但实际上它并不理解scrollTop和scrollHeight的概念。通常，滚动条放在div中。

事件：其中id为scroll_div的滚动条到达底部，检测如下。

div id=' roll _ div ' style=' overflow-y : auto；overflow-x : hidden；margin:100px高度：500 px；Border:1px纯红' div style=' height :10000px '来自www.jb51.net，我们br来自www.jb51.net，我们br来自www.jb51.net，我们br /div/首先，div需要理解几个概念：scrollHeight:表示滚动条的高度，即内部div，10000 px croll top :表示滚动条的高度，可能大于外部div的500 px，即

$(文档)。ready(function(){ $(' # scroll _ div '))。scroll(function(){ var div height=$(this))。高度()；var nScrollHeight=$(this)[0]。scrollHeightvar nScrollTop=$(this)[0]。scrollTop$('#input1 ')。val(nScrollHeight)；$('#input2 ')。val(NSCrolTop)；$('#input3 ')。val(DivHeight)；if(nsroll top div height=nsroll height){ alert('到达底部')；} });});如果异步加载数据，数据加载不完全，违反了同一个页面的数据加载请求，我通常会添加一个标志。

$(文档)。ready(function(){ var flag=false；$ ('# scroll _ div ')。scroll(function(){ if(flag){//在数据加载时返回false} var divHeight=$(this)。高度()；var nScrollHeight=$(this)[0]。scrollHeightvar nScrollTop=$(this)[0]。scrollTop$('#input1 ')。val(nScrollHeight)；$('#input2 ')。val(NSCrolTop)；$('#input3 ')。val(DivHeight)；if(nsroll top div height=nsroll height){//请求数据标志=true警报(“触底”)；} });});