jQueryはiframeの適応高さを実現
6142 ワード
現在のページにiframeをネストするとします
私たちはtestにいますhtmlのコードは次の通りです.
<iframe src="test.html" id="myframe" width="100%" frameborder="0" scrolling="auto"></iframe>
私たちはtestにいますhtmlのコードは次の通りです.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"/>
<title>jQuery iframe </title>
<meta name="keywords" content=""/>
<meta name="description" content=""/>
<meta name="viewport" content="width=device-width"/>
<script type="text/javascript" src="http://code.jquery.com/jquery-latest.js"></script>
<script>
// : test.html , id test.html iframe id
$(window.parent.document).find("#myframe").load(function(){
var main = $(window.parent.document).find("#myframe");
var thisheight = $(document).height()+30;
main.height(thisheight);
});
</script>
</head>
<body>
<div style="height:300px;background:#ff0000"> </div>
</body>
</html>