javascript - 在可滚动的 div 中查找表格行数

Question

我在一个可滚动的 div 中有一个包含 500 行的表格。我如何知道当前在 div 的视口(viewport)内显示了多少行。

我的目标是在更新后对表格进行部分更新，并在滚动时进行其余更改。

Answer 1

您需要迭代可见的每一行。

这是 fiddle - http://jsfiddle.net/j0up6z5y/

function isVisible( row, container ){

    var elementTop = $(row).offset().top,
        elementHeight = $(row).height(),
        containerTop = $(container).offset().top,
        containerHeight = $(container).height();

    return ((((elementTop - containerTop) + elementHeight) > 0) && ((elementTop - containerTop) < containerHeight));
}