Fatal编程技术网
  • javascript/
  • Javascript Iframe'；应用于其父对象的宽度和高度

Javascript Iframe'；应用于其父对象的宽度和高度

javascript jquery html iframe

Javascript Iframe'；应用于其父对象的宽度和高度,javascript,jquery,html,iframe,Javascript,Jquery,Html,Iframe,我有一个简单的HTML页面。内部存在一个可访问的（同一域）iframe，其中包含一些简单的文本和图像 在zoomin和zoomout按钮上单击我正在使用css的transform:scale（n）属性缩放iframe的主体 现在我的问题是如何删除iframe的滚动条（水平和垂直），并将其添加到父项（body），以使用户认为根本没有iframe，滚动条将使用mainbody 我创造了一个例子。有人能给我建议一下修正方案吗？因为我可以在高度修正上看到基于zoomin和zoomout的问题。我找到了一

我有一个简单的HTML页面。内部存在一个可访问的（同一域）
iframe
，其中包含一些简单的文本和图像

在zoomin和zoomout按钮上单击我正在使用css的
transform:scale（n）
属性缩放
iframe
的主体

现在我的问题是如何删除iframe的
滚动条
（水平和垂直），并将其添加到父项（
body
），以使用户认为根本没有
iframe
，滚动条将使用main
body

我创造了一个例子。有人能给我建议一下修正方案吗？因为我可以在高度修正上看到基于zoomin和zoomout的问题。我找到了一个名为getBoundingClientRect（）的方法

ref:

将
溢出：隐藏
设置为
iframe
中的
主体
，并缩放
框架元素
而不是内容。缩放由css
转换
完成，我无法获得
iframe
中的实际高度<代码>iframe主体的
溢出：隐藏的
已经存在。这就是为什么我必须显示父实体的滚动，而不是
iframe
。然后完全按照我在评论中的建议去做，这是可行的。还有@Teemu，你试过缩放iframe吗？