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

Question

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

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

你看

jQuery(window).height();

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

在此处输入图像描述

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

    alert(x);

返回 961 所以我相信我想要的值是 800

score 1 · Accepted Answer

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

希望能帮助到你。

score 0 · Accepted Answer

尝试使用

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

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

score 0 · Accepted Answer

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

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

我相信关键是

padding-bottom: 68%;

score 0 · Accepted Answer

0

尝试使用

var weight = window.innerHeight;

它给出了当前的视口高度。

于 2013-11-01T07:44:25.560 回答

score 0 · Accepted Answer

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

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

score 0 · Accepted Answer

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

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

6 回答 6