如何找出屏幕底部與最底部HTML內容之間的空白？

使用JavaScript，我怎樣才能發現，最底層的元素，無論是文本，圖像，畫布還是視頻結束後，剩下的空白還有多少。如何找出屏幕底部與最底部HTML內容之間的空白？

我想計算一下，我在HTML頁面底部有多少空白空間。

只有webkit的解決方案才能正常工作。我只專注於iOS的5.0 +

UPDATE

我在iOS應用程序的工作，我想調整網頁視圖，保存的HTML頁面網頁瀏覽器控制，我竟被喜歡復位這是因此，很多空白不留在底部，爲此我想知道一些可以運行的JS coe，其結果會給我，我必須從webview減少高度。

來源

2013-06-28 Amogh Talpallikar

我覺得這個簡單的計算將work.You可以找到父容器的高度，這段容器height.Ifü從烏爾父容器subtrat烏爾容器值u將得到value..If我被誤解烏爾問題請求在這裏添加任何示例代碼 – user2587222

因爲你沒有提供的示例代碼，我做了我自己的例子：

的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

來源

2013-06-28 10:57:08 Kenjin

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

來源

2013-06-28 11:00:02 Niklas

如何找出屏幕底部與最底部HTML內容之間的空白？

回答

相關問題