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

【问题标题】：Getting height of the window (without scroll)获取窗口的高度（不滚动）
【发布时间】：2013-11-12 09:33:51
【问题描述】：

我在一个页面上有一个谷歌地图，主要是用 php 原型和 jquery 编写的。

我希望地图具有响应性，并且我设法正确设置了它的宽度。但无法处理高度问题。

你看

jQuery(window).height();

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

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

    alert(x);

返回 961，所以我相信我想要的值类似于 800

【问题讨论】：

【解决方案1】：

看看这些小提琴。 http://jsfiddle.net/corinne/pKUzU/

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

希望对你有帮助。

【讨论】：

【解决方案2】：

尝试使用

var weight = window.innerHeight;

给出当前视口高度。

【讨论】：

【解决方案3】：

您想要得到的是视口高度（页面中的视图），这就是 $(window).height() 返回的值。你想得到容器的高度吗？（随便拿）

我们需要查看您的问题，请提供使用链接或制作 JSFiddle。

【讨论】：

【解决方案4】：

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

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

} 我相信关键是

padding-bottom: 68%;

【讨论】：

【解决方案5】：

尝试使用

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

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

【讨论】：

【解决方案6】：

使用 Javascript 获取不包括滚动条大小的视口尺寸。

document.documentElement.clientHeight; // answer that OP wants, get height viewport without scrollbar
document.documentElement.clientWidth;

【讨论】：