检查某个div是否在视口中

时间:2017-10-22 10:33:28

标签: javascript html reactjs web

我有一个包含数千行的可滚动表。如何检查视口中的哪些行?

1 个答案:

答案 0 :(得分:0)

如果行高不变,那么应该很容易计算:

firstVisibleRowIndex = Math.floor(rowHeight / scroll);
lastVisibleRowIndex = Math.ceil(rowHeight / (scroll + tableHeight));
  • tableHeight必须是可见区域的高度,而不是完整的表格。
  • 我假设所有尺寸都在同一个单位,像素。
  • 如果我做了正确的数学运算,可见的行包括第一个和最后一个可见行