如何找出屏幕底部和最底部HTML内容之间的间隙

How to find out the gap left between bottom of the screen and the bottom-most HTML content?

本文关键字：底部 之间 间隙 何找出 屏幕 HTML      更新时间：2023-09-26

使用 JavaScript，我如何知道，在最底部的元素(无论是文本、图像、画布还是视频(结束后还剩下多少间隙。

我想计算一下，我在HTML页面底部有多少空白空间。

仅使用网络工具包的解决方案会很好用。我只专注于iOS 5.0 +

更新

我正在开发一个 iOS 应用程序，我想调整 Web 视图的大小，一个保存 HTML 页面的 Web 浏览器控件，我喜欢重置它的高度，这样底部就不会留下很多空格，为此我想知道一些我可以运行的 JS coe，它的结果会给我， 我必须从网络视图中降低的高度。

由于您没有提供示例代码，因此我为自己做了一个示例：

Javascript：

   var height = 0;    
   var allBoxes = [].slice.call(doc.querySelectorAll('.TestKenjin'));  
   var heightDisplay = (window.innerHeight > 0) ? window.innerHeight : screen.height;
   for(var i=0; i < allBoxes.length; i++)  {
     height += allBoxes[i].clientHeight;
   }
   alert(heightDisplay-height);

JS斌：http://jsbin.com/olucas/6/edit

这个javascript将alert html元素底部和页面底部之间的高度。

这是它的一个小片段。

var body = document.body,
    html = document.documentElement;
var documentHeight = Math.max( body.scrollHeight, body.offsetHeight, 
     html.clientHeight, html.scrollHeight, html.offsetHeight );
var htmlHeight = document.getElementsByTagName('html')[0].offsetHeight;
alert(documentHeight - htmlHeight);
相关文章：