我正在創建一些javascript，需要確定輸入框上方和下方的可用空間量，并使用該值進行一些計算/操作?；旧衔业玫搅?input.offset()。height得到上面的數量，然后從窗口的高度和輸入框的高度中減去這個，得到下面的可用數量。

問題是我因為各種無法回避的原因需要支持IE怪癖模式。窗口高度總是為空或0，但如果我查詢html高度，它似乎給了我正確的窗口/視口高度。

代碼示例

$(window).height(); // This is 0
$("html").height(); // This is fairly accurate for the viewport height


var bottom_distance = $(window).height() - ($input.offset().top + $input.height);
var quirks_distance = $("html").height() - ($input.offset().top + $input.height); // Is this reliable?

我的問題是，我可以使用這個值$(“html”)嗎？高度()可靠嗎？

試試這個，伙計:

編輯

<script type="text/javascript">
 var viewportwidth;
 var viewportheight;
 // the more standards compliant browsers (mozilla/netscape/opera/IE7) use
 // window.innerWidth and window.innerHeight
 if (typeof window.innerWidth != 'undefined')
 {
      viewportwidth = window.innerWidth,
      viewportheight = window.innerHeight
 }
// IE6 in standards compliant mode (i.e. with a valid doctype as the first
// line in the document)
 else if (typeof document.documentElement != 'undefined'
     && typeof document.documentElement.clientWidth !=
     'undefined' && document.documentElement.clientWidth != 0)
 {
       viewportwidth = document.documentElement.clientWidth,
       viewportheight = document.documentElement.clientHeight
 }
 // older versions of IE
 else
 {
       viewportwidth = document.getElementsByTagName('body')[0].clientWidth,
       viewportheight = document.getElementsByTagName('body')[0].clientHeight
 }
document.write('<p>Your viewport width is '+viewportwidth+'x'+viewportheight+'</p>');
</script>

從以下網站獲取代碼: http://Andy langton . co . uk/blog/development/get-viewport-size-width-and-height-JavaScript

我在4個版本的IE瀏覽器(6，8，10，11)中試過，3個不同的屏幕看起來都很可靠

希望有幫助。

但是在IE 6和更低版本中這樣做似乎有點麻煩，希望你正在使用IE 6以上的版本

試試這個:

$(document).height();