我正在尝试在按下按钮后调整 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>
谢谢!!
最佳答案
<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");
关于javascript - 按下按钮后如何调整 iframe?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/30715118/