jquery判断滚动条到底部

Posted

tags:

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

$(function()
var iNum = 1;
$(window).scroll(function()
var scrollTop=$(document).scrollTop()
var scrolld=$(document).height()-$(window).height();
if(scrollTop>=scrolld)
iNum++;
$.ajax(
type: 'GET',
url: '/result.php',
data: page:iNum,classid:0,
success: function(d)
if(d)
$("#listBox").append(d);
else
$(".loadMore").show().html("数据已经加载完了.....");
return false;

,
dataType: 'html'
);
else


);

);

为什么当数据加载完毕 不执行 $(".loadMore").show().html("数据已经加载完了....."); 这条

参考技术A 你判断的不对吧,你现在用的是Ajax的返回值判断的 ,不是根据滚动条的高度判断的,你可以在success里面加debugger调试看一下它的具体情况追问

能帮忙改改吗?我也是改编别人的,我也不太会!

追答

$(function()
var iNum = 1;
$(window).scroll(function()
var scrollTop=$(document).scrollTop()
var scrolld=$(document).height()-$(window).height();
if(scrollTop>=scrolld)
iNum++;
$.ajax(
type: 'GET',
url: '/result.php',
data: page:iNum,classid:0,
success: function(d)
if(d)
$("#listBox").append(d);
else

,
dataType: 'html'
);
else
$(".loadMore").show().html("数据已经加载完了.....");
return false;

);

);

你这样试试看看行不行

追问

这样不出内容了

追答

那你这个应该是滚动到底部,最后一次请求Ajax的时候就没有返回内容了,你看一下你返回的id是null还是空的字符串,然后再去判断呗

参考技术B 确定你返回的d是bool类型数据?追问

能帮忙改改吗?我也是改编别人的,我也不太会!

追答

if(d)
$("#listBox").append(d);
else
$(".loadMore").show().html("数据已经加载完了.....");

你首先得知道你返回的d是什么数据,如果是bool可以这样判断,但你紧接着有append这个值是肯定不对的
你先弄清你返回的d是什么数据,我才能帮助你改

追问

d 返回的是html代码

追答

如果数据加载完了,你返回的html是什么
怎么知道数据加载完了
你知道这个应该就知道怎么判断了

本回答被提问者采纳

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

jquery如何让滚动条滚动到最底部

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

jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部

jquery判断页面滚动条(scroll)是上滚还是下滚,且是否滚动到头部或者底部

判断滚动条到底部的JS代码

知识点:整个doucument而言如果判断滚动条滚动到底部