javascript - 如何知道溢出元素可见部分的长度？

Question

有一个表有很多行；所以表格溢出文档视口(viewport)垂直轴:

如您所见:文档就绪时仅显示表格的一部分。那么如何知道那部分的长度呢？

Answer 1

您可以使用 JS 找到表格的高度，然后从窗口的高度中减去它。

var tableHeight = document.getElementById('myTable').clientHeight;
var winHeight = window.innerHeight;

console.log('Height of visible table: ', tableHeight - winHeight);