Question

按下按钮后我正在尝试调整iframe。问题是，当您按下按钮并查找航班（例如从马德里到巴塞罗那）并显示航班时，会出现第二个滚动条（主页滚动条和iframe滚动条）。如何根据搜索结果调整iframe的高度以使用主滚动条？代码在这里：

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Probando la altura fija</title>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<style type="text/css">
html {
	height: 100%;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
}

</style>
</head>
<body>

<iframe src='http://www.dohop.com/widget/2/?forms=flights&target=&tabs=top&orientation=horizontal&border_color=808080&text_color=202020&background_color=D0D0D0&form_border_color=808080&form_text_color=000&form_background_color=FAFAFA&width=1000&flang=es&whitelabel=http://vuelos.gangatravel.es/' scrolling='yes' width='1000' height='250' frameborder='0' style='border:none; overflow: hidden;' allowtransparency='true'>
</iframe>
<div style='text-align: right; width: 1000px; display:block; margin-top:5px;'>
	<a href='http://www.dohop.com' style='font-size:10px;text-decoration:none;color:#007BA4;'></a>
</div>

</body>
</html>

谢谢！

Answer 1

<div id='iframe_holder' style="overflow:hidden" > 
   <iframe style="width:100%;height:100%"></iframe>
</div>

您可以从js控制div维度和位置，iframe将调整其滚动条。

或

var ifr_document = document.getElementById("iframe_id").contentWindow.document;
var target = ifr_document.getElementById("element_to_control");

如何在按下按钮后调整iframe？

1 个答案: