Javascript iFrame根据帧内的动态内容调整大小
我在正在构建的站点上有一个iframe。问题是,我在框架内显示的其中一个页面有一些动态内容(单击时高度会扩展和降低),是否有一种方法可以使iframe随着其内容一起调整大小 它加载静态页面的大小,但一旦页面上的项目被单击并展开,iframe就不会随之展开 目前我只掌握了基本知识,以下是我的Javascript iFrame根据帧内的动态内容调整大小,javascript,css,iframe,Javascript,Css,Iframe,我在正在构建的站点上有一个iframe。问题是,我在框架内显示的其中一个页面有一些动态内容(单击时高度会扩展和降低),是否有一种方法可以使iframe随着其内容一起调整大小 它加载静态页面的大小,但一旦页面上的项目被单击并展开,iframe就不会随之展开 目前我只掌握了基本知识,以下是我的内容: <script language="javascript" type="text/javascript"> function resizeIframe(obj) { ob
内容:
<script language="javascript" type="text/javascript">
function resizeIframe(obj) {
obj.style.height = obj.contentWindow.document.body.scrollHeight + 'px';
}
</script>
功能调整框架(obj){
obj.style.height=obj.contentWindow.document.body.scrollHeight+'px';
}
这是我的iframe:
<iframe src="index2.php" name="frame" frameborder="0" scrolling="no" onload="resizeIframe(this)" />
我认为你想做的事情不可行。至少不是100%。 您可以尝试在iFrame中检测到一次单击,但不能在特定目标中检测到 这个答案()涵盖了iFrame内部的单击
希望它能帮助你 大家好,欢迎来到StackOverflow!如果能提供一个有效的解决方案,那将是很有帮助的。