获取窗口的高度（不滚动）

我在一个页面上有一个谷歌地图，主要写在PHP原型和jQuery中。获取窗口的高度（不滚动）

我想让地图响应，我设法正确地设置它的宽度。但无法处理高难度问题。

你看

jQuery(window).height();

回报，这很好的页面的高度，但不是我想要的。正如你在图像中看到的那样，右侧有一个滚动条，它给了我整个页面的高度。我想获得屏幕高度的值（没有滚动，视口），我该怎么做？

enter image description here

编辑：var x = jQuery(window).height();

alert(x);

返回961，所以我认为值，我想是像800

2013-11-01 FreshPro

我想出的解决方案是定义一个包装地图的css类。

.gm_responsive { 
position: relative; 
padding-bottom: 68%; 
padding-top: 45px; 
height: 0; 
overflow: hidden;

} 我认为关键是

padding-bottom: 68%;

2013-11-01 08:06:13 FreshPro

尝试使用

var weight = window.innerHeight;

这给当前视口高度。

2013-11-01 07:44:25

都能跟得上仍然返回961px – FreshPro

iframe { 
max-width: 100%; 
height: auto; 
width: auto; /*IE8 bug fix*/ 
vertical-align: middle 
}

希望它有帮助。

2013-11-01 07:48:53

使用iframe是在我的网页中不是一个好主意，对不起 – FreshPro

你想得到的是视口高度（页面中的视图），这就是$（window）.height（）返回的值。你想获得容器的高度吗？（只是得到它）

我们需要看到你的问题，请给一个链接或使用JSFiddle。

2013-11-01 07:52:25 Loenix

我想获得高度o f视口。例如，整个页面的高度为961像素，但视口应该像800像素，所以我想获取视口的值 – FreshPro

尝试使用

var dimensions = document.viewport.getDimensions(); 
height = dimensions.height;

这是核心PrototypeJS的一部分，不是jQuery的

2013-11-01 14:22:27

回答