javascript - 如何使用 JavaScript 轻松找到页面上的点与浏览器窗口底部之间的距离？

Question

我的网络应用程序中的一个 View 有一个可能非常长的表格，所以我用 overflow: auto; 将它包装在一个 div 中。 max-height: 400px; 这样用户可以滚动它，同时保持页面上的其他控件可见。

我想使用一些 JavaScript 来动态调整 max-height CSS 属性，以便 div 延伸到浏览器窗口的底部。我怎样才能确定这个值？ jQuery 解决方案很好。

表格不是从页面顶部开始的，所以我不能只将高度设置为 100%。

Answer 1

我认为这样的事情会起作用:

var topOfDiv = $('#divID').offset().top;
var bottomOfVisibleWindow = $(window).height();
$('#divID').css('max-height', bottomOfVisibleWindow - topOfDiv - 100);