2011-06-20 97 views
0

我想加载内容,同时与jQuery的滚动,我发现一些有用的东西,但对我不起作用:jQuery的无限滚动

链接:http://www.webresourcesdepot.com/load-content-while-scrolling-with-jquery/

在Firefox

我成功地使5 Ajax调用并追加内容在底部,但然后停止工作。会出现什么问题?当我打电话AJAX功能

代码为波纹管:

$(window).scroll(function(){ 
    if ($(window).scrollTop() == $(document).height() - $(window).height()){ 
     ajax 
    } 
});

是有可能使AJAX调用之前滚动到达底部100像素?

上的jsfiddle作品,其条件@val代码:

if ($(window).scrollTop() >= ($(document).height()) - $(window).height() - 100){} 

很是怪异,在FF不,当我在Firefox到达底部

if ($(window).scrollTop() == ($(document).height()) - $(window).height()){} 

这种情况下工作,我做6阿贾克斯岗位第二个条件,但随后停止工作...

对此的任何解释?

+0

它最有可能是你在短时间间隔内做了太多的Ajax调用,1个服务器不能处理太多的请求,2个可能被认为是垃圾邮件,甚至在某些情况下可能会阻止你,你应该禁用新的Ajax请求直到另一个完成,所以他们排队...... – Val

+0

您是否尝试过使用间隔来检查滚动位置?正如Val指出的那样,您可能会发送太多请求。而不是“滚动”事件(可能会触发一点点滚动),请尝试使用间隔计时器,该计时器每秒或几秒钟就会触发一次。如果该页面符合您的滚动条件,请发出请求。 – Rob

回答