如何强制iframe调整大小以适合嵌入式文档?

jimfromthegym-吉姆·麦金

我有一个iframe,在可见元素的末端有很多空白。实际上,我知道iframe正在加载所有元素的大小,包括隐藏元素。这些元素本应隐藏起来,直到回答了一些淘汰赛问题为止,此时iframe应该相应地调整大小。

我要为此进行的另一场战斗是,我还必须处理两个滚动条,一个用于iframe,当然还有网页滚动条。这只是很俗气,不是很用户友好。

这是我继承的问题,因此我希望找到一种涉及iframe的解决方案。我也愿意探索其他解决方案,因为这可能并不是最合适的解决方案。

阿诺德·丹尼尔斯

<iframe>在显示新元素后,您可以使用JavaScript更新框架页面的高度

function resizeParent() {
    if (!window.parent) return;

    var height = $(document).height();
    $(window.parent.document).find('iframe').height(height);
}

演示版

框架页面的来源

请注意,这仅在两个页面都从同一域加载时才有效。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

动态调整嵌入式SVG的大小

来自分类Dev

使嵌入式iframe比例尺适合封闭的div

来自分类Dev

如何验证mongodb嵌入式文档

来自分类Dev

如何测试Mongoid的嵌入式文档?

来自分类Dev

如何对嵌入式文档进行排序?

来自分类Dev

如何删除重复的嵌入式文档

来自分类Dev

如何在Drupal 8中使用ckeditor调整上传的嵌入式图像的大小

来自分类Dev

如何使用自动布局约束调整嵌入式UIViewController的大小和位置?

来自分类Dev

如何使用AppScript在Gmail上调整嵌入式图像的大小?

来自分类Dev

在QTextEdit上调整大小的嵌入式图像

来自分类Dev

Swift:调整嵌入式自定义NSView的大小

来自分类Dev

Mongoid:基于嵌入式文档数组的大小查询

来自分类Dev

查询具有大小的Mongo嵌入式文档

来自分类Dev

如何在iframe中强制调整大小?

来自分类Dev

Mongoid嵌入式文档属于_嵌入式文档

来自分类Dev

如何在嵌入式数组mongodb中查询嵌入式文档

来自分类Dev

如何在OrientDB中插入嵌入式文档

来自分类Dev

如何使用Mongoengine删除嵌入式文档?

来自分类Dev

如何在嵌入式文档数组上使用$ geoNear?

来自分类Dev

MongoClient:如何设置嵌入式文档的值

来自分类Dev

猫鼬:如何更新子嵌入式文档数组?

来自分类Dev

如何根据其ID更新嵌入式文档?

来自分类Dev

如何选择嵌入式文档列表作为根元素

来自分类Dev

如何在Meteor中循环浏览嵌入式文档

来自分类Dev

如何对嵌入式文档进行汇总查询?

来自分类Dev

如何从ReactiveMongo生成嵌入式文档的ObjectIds

来自分类Dev

如何在 MongoDb 中查询嵌入式文档?

来自分类Dev

如何在嵌入式YouTube iFrame的末端触发功能

来自分类Dev

如何确定何时加载youtube嵌入式iframe

Related 相关文章

热门标签

归档