2010-09-24 75 views
0

我的「視口」的定義是瀏覽器的邊界之間的所有內容(可視面積+滾動條)IE7視窗尺寸,包括滾動條

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

正如你所看到的,我想:

  • 文件.body VS document.documentElement
  • scroll * client * offset *
  • getBoundingClientRect()
  • HTML {100%}
  • 體{100%}

的是,偏移每說的Internet Explorer 7的bug *和getBoundingClientRect()不包括滾動條

+1

你的問題是什麼? – Paul 2010-09-24 16:54:17

回答

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) 

這將在顯示更新之前發生,所以滾動條不會閃爍,您將擁有完整的尺寸。