2013-11-09 46 views
0

任何人都可以告诉我如何获得最大可用高度浏览器最大化时。不是屏幕,avilHeight或document.height。如何在浏览器中获取最大文档高度?

<script type="text/javascript"> 
    document.getElementById("wrapper").style.height=screen.availHeight + "px"; 
</script> 

对于我的分辨率(1366×768)屏幕,avilHeight或document.height返回728px这是浏览器的高度,但我只希望最大文件的高度。

回答

0

您可以根据window.innerHeightwindow.outerHeightscreen.availHeight一个假设:

var maximizedHeight = screen.availHeight - (window.outerHeight - window.innerHeight); 

这不是一个特别好的解决方案,但。如果您的内容适应任何尺寸,为什么不处理resize事件?如果可能的话,CSS会更好 - 情况如何?

+0

我该如何做到这一点在CSS?当我将div #wrapper的高度设置为100%时,它会得到内容的高度 – user2973528

+0

@ user2973528:这取决于你的情况,但是试试'html,body {height:100%; }'。 – rninty

+0

第n个男人。仍然是一样的 – user2973528

0
function resolution() 
{ 
     var width = window.innerWidth || html.clientWidth || body.clientWidth || screen.availWidth; 
     var height = window.innerHeight || html.clientHeight || body.clientHeight || screen.availHeight; 
     res = {}; 
     res.x = width; 
     res.y = height; 
     return res; 
} 
相关问题