Question

我正在使用@DavidJBradshaw的iFrame Resizer，遇到了一个我似乎找不到答案的问题。

iFrame Resizer似乎是在加载图像之前设置iframe高度，并且在图像最终加载时，iframe太短。任何单击或调整窗口大小都会立即触发iFrame Resizer设置正确的高度。

仅当新页面（来自同一域）首次加载到iFrame时，才出现问题。在本地测试我的网站时，一切正常，当浏览器缓存了所有文件时，一切也正常，因此返回到在第一个视图上尺寸不正确的页面就可以了。

以下是iframe代码：

<iframe id="newsframe" src="foo.html" width="100%" scrolling="no" frameborder="0"></iframe>

这是包含iframe的页面结尾处的内容：

<script src="js/jquery-1.11.3.min.js"></script>
<script type="text/javascript" src="js/iframeResizer.min.js"></script>
<script src="js/bootstrap.js"></script>
<script type="text/javascript">
	  $(window).load(function() {
        $("#graphic").hide().css("visibility", "visible").fadeIn(200);
      });
    
      iFrameResize({ log: false }, '#newsframe')
</script>
</body>
</html>

这是iframe html末尾的内容：

<script type="text/javascript" src="../../../../js/iframeResizer.contentWindow.min.js" defer></script>
</body>
</html>

加载图像之前，iFrame Resizer设置的高度不正确

0 个答案: