HTML表格中的"无限滚动"效果

Question

我在网页中显示滚动数据表.该表有几千个动态行,因此它从服务器加载(通过AJAX).

用户可以向上和向下滚动,因此我需要检测用户何时到达滚动条的末尾(即表格底部的最后一行)以便请求并显示更多数据.

你可以在谷歌阅读器中找到这种效果,当你向下滚动到给定提要中的最后一个帖子,谷歌请求并以透明的方式显示新帖子,但我无法弄清楚他们是如何实现它的.

顺便说一下,我现在正在使用YUI数据表

Answer 1

谢谢您的回答。这是我的最终工作代码（受到 Greg 和ajaxian.com的启发），它使用一些 jQuery 函数并与YUI DataTable配合使用。

$(".yui-dt-bd").scroll(load_more);

function load_more() {              
    if ($(this).scrollend()) {
        alert("SCROLL END REACHED !");
        // TODO load more data
    }
}

$.fn.scrollend = function() {
    return this[0].scrollHeight - this[0].scrollTop - this.height() <= 0;
}

我的下一步是实现我自己的YUI Paginator以实现与 YUI 组件的完全集成:)