IE7視口尺寸，包括滾動條

Question

我對“視口”的定義是瀏覽器邊界（可見區域+滾動條）之間的所有內容

http://xirc.chez.com/ie7.html

如您所見，我嘗試過：

• document.body VS document.documentElement
• 滾動*客戶端*偏移*
• getBoundingClientRect（）
• html {100％}
• 身體{100％}

每個人說的Internet Explorer 7錯誤是offset *和getBoundingClientRect（）不包含滾動條

Answer 1

隱藏滾動條，在下一行代碼中獲取寬度/高度，然后再次顯示滾動條。

// Hide scrollbars
document.body.style.overflow = "hidden";
// Get width/height
var width = document.body.offsetWidth;
// Reset scrollbars before the UI repaints
document.body.style.overflow = "";

alert(width);
//-> 1600 (on my display)

這都將在更新顯示之前發生，因此滾動條不會閃爍，您將擁有完整的尺寸。