javascript - Chrome : jQuery . 高度问题

Question

我已经研究这个问题有一段时间了，但找不到任何解决方案。

案例:

我有一个 iframe，需要根据内容重新调整大小(页面是 AJAX 密集型，内容可以根据用户操作增加和减少)。由于父页面和 iframe 中加载的页面都位于同一域中，因此我在父页面中编写了一个 js 函数，该函数需要一个整数值。然后通过js设置iframe的高度，如下所述。

document.getElementById('frameId').style.height = (height) + "px";

问题:

我使用 jQuery 来获取文档更改时的高度。

jQuery(document).height();

我遇到的问题是 Chrome 给我的高度比 Firefox/IE 高出大约 300px。我正在调查为什么会发生这种情况。经过一番思考后，我发现在 Chrome 中，由于某种原因，当我获取文档的高度时，它还会在计算中包含 css 中“显示”设置设置为“无”的那些元素。我有一个在用户执行操作时显示的列表。现在它给我的计算带来了问题。由于这个额外的高度，我发现页面底部看起来是空的，感觉好像有东西还没有加载(这不是很吸引人)。

任何帮助将不胜感激。

问候

杰汉泽布

Answer 1

你尝试过吗:

$('#frameId').height( $(document).innerHeight() );