Question

使用JavaScript，我如何找出最底层元素之后剩余的差距，无论是文本，图像，画布还是视频结束。

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

仅限webkit的解决方案才能正常运行。我只专注于iOS 5.0 +

更新

我正在开发一个iOS应用程序，我想调整一个webview，一个包含HTML页面的Web浏览器控件，我想重置它的高度，以便很多空格不留在在底部，我想知道一些我可以运行的JS系列，它的结果会给我，我必须从webview减少的高度。

Answer 1

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

使用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 Bin：http://jsbin.com/olucas/6/edit

Answer 2

此javascript将alert html元素底部与页面底部之间的高度。

Here's a jsfiddle。

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);

如何找出屏幕底部和最底层HTML内容之间的差距？

2 个答案: