$（window）.height（）在firefox中的值是不變的22.0

我在Windows 8中使用firefox版本22.0。我想獲取當前查看窗口的高度而不是整個文檔。所以，我用了$(window).height() jQuery函數。即使窗口被調整到最小值，恢復或最大化，它總是返回一個常量值616。

我也嘗試過$(document).height()方法jQuery和document.documentElement.clientHeight屬性在JavaScript中，他們也返回相同的常數值616。

此行爲是由於我在瀏覽器中使用的任何設置嗎？

請告訴我如何獲得jQuery或JavaScript中的實際窗口高度。

在此先感謝。

來源

2013-07-11 Anandaraj

在jsfiddle中包含帶有此行爲的* minimal *代碼;張貼在這裏並鏈接它。 – user2246674

您是否每次調整大小時都重新計算'$（window）.height（）'？ – Enigmadan

@ user2246674我將我的代碼鏈接到以下jsfiddle鏈接中：http://jsfiddle.net/GZQvy/4/ – Anandaraj

在火狐22在Windows 7中，這個代碼工作對我蠻好：

$(document).ready(function() { 
    var h = $(window).height(); 
    alert(h); 
}());

首先報告1020，然後774

也許你是一個的document.ready之外運行它（這我不認爲應該有所作爲）。

除此之外，您正在運行什麼操作系統？

來源

2013-07-11 19:28:14

我正在使用Windows 8 – Anandaraj

@Ana - 我沒有8個可用，所以我不能測試，但你可能想要將這一點信息添加到您的原始問題。 –

這個工作對我來說：

$(window).resize(function() { 
    console.log($(window).height()); 
});

fiddle

來源

2013-07-11 19:28:36

您是否嘗試過的Vanilla JS魔法屬性innerHeight？如：

<div id="windowsize"></div> 
<button onClick="document.getElementById('windowsize').innerHTML = 
          window.innerWidth+'x'+window.innerHeight;">Update</button>

來源

2013-07-11 21:22:05

$（window）.height（）在firefox中的值是不變的22.0

回答

相關問題