Chrome: jQuery .height issue

Chrome: jQuery .height issue

本文关键字:issue height jQuery Chrome      更新时间:2023-09-26

我一直在研究这个问题一段时间,但找不到任何解决方案。

箱:

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

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

问题:

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

jQuery(document).height();

我遇到的问题是Chrome给我的高度比Firefox/IE高出约300px。我正在研究为什么会发生这种情况。在我四处乱窜之后,我发现在Chrome中,由于某种原因,当我获得文档的高度时,它还在计算中包括那些在css中"显示"设置为"无"的元素。我有一个列表,当用户执行操作时显示。现在它在我的计算中造成了问题。由于我得到的这个额外的高度,页面在底部看起来是空的,感觉好像还没有加载一些东西(这不是很吸引人)。

任何协助将不胜感激。

问候

杰汉则布

你试过吗:

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