向下滚动,ajax在另一个div中加载更多

时间:2011-09-28 00:33:09

标签: ajax load scroll

我之前没有看到过这种情况,但我希望你们这里的所有天才都可以提供帮助。我有一个非常高的div,用户必须滚动阅读更多。我还有一个div右上角加载谷歌广告。我希望这个div能够根据用户的滚动级别加载更多广告。

我希望我很清楚。如果没有,请查看http://jsfiddle.net/NWgQx/,了解我的意思。

提前完成。

1 个答案:

答案 0 :(得分:0)

你可以做类似的事情:

$(window).scroll(function() {
    var top = $(document).scrollTop();
    var ad_offset = $('#ad').offset();
    var ad_bottom = ad_offset.top + $('#ad').height();
    if (top > ad_bottom) {
        $('#more-ads').load('/more-ads.html');
    }
});

我不喜欢滚动事件的绑定,我认为它真的很慢。这可能会给你一些想法。您可能还应该设置一个变量来指示当前是否有更多广告正在加载,并停止收听滚动事件,直到加载了更多广告。