jquery - 当最后一行在浏览器中可见时，如何将行追加到表中？

Question

某些网站的表格会在您滚动浏览器时 append 行，以便表格底部可见。

猜猜它是这样的:

1. jQuery 检测到表格末尾在浏览器中可见
2. $.getJSON 用于从服务器获取下一行
3. 行已追加。

问题:

1. 如何检测最后一行在浏览器中是否可见？
2. 是否有比 $('#tableId tbody tr').length 更好的方法来获取当前行数？

Answer 1

(1)检测最后一行是否可见:

$(window).scroll(function(){
    var $window = $(this),
        $el = $('#tableId tbody tr:last'),

        viewPaneTop = $window.scrollTop(),
        viewPaneBottom = viewPaneTop + $window.height(),

        elementTop = $el.offset().top,
        elementBottom = elementTop + $el.height();

    if ((elementTop >= viewPaneTop) && (elementBottom <= viewPaneBottom)) {
        // add new rows here
    }
});

(2) 这是确定行数的正确方法。