您的位置：首页 > 其它

iframe 自适应高度

2012-11-12 13:02 274 查看

目标：在窗口中嵌入一个iframe，iframe里load页面，和在主页面load 一样

用定时器完成。在chrome上通过。但是定时器看起来比较挫。考虑用事件绑定。查阅了stackoverflow。好像没有对于scrollheight改变的事件绑定，甚至

scrollHeight

都不是标准属性。以后考虑用DOMNodeInserted和DOMNodeRemoved之类的事件试试。现在先不折腾了。用定时器的代码如下：

<!DOCTYPE HTML>
<!--用iframe打开页面-->
<html lang="en-US">
<head>
<meta charset="UTF-8">
<title>test</title>
<style type="text/css">
html {margin: 0;padding: 0;}
</style>
</head>
<body>
<iframe id="frif" src="http://www.baidu.com" frameborder="0" scrolling="no" width="100%" ></iframe>
<script type="text/javascript" src="../resources/zepto.js"></script>
<script type="text/javascript">
var resizeWindow=function(){
var h=window.frames["frif"].document.body.scrollHeight;
($("#frif").height()===h) || $("#frif").height(h);
};
window.setInterval("resizeWindow()", 200);
</script>
</body>
</html>

参考：
http://bbs.blueidea.com/thread-2902341-1-1.html http://stackoverflow.com/questions/1835219/is-there-an-event-that-fires-on-changes-to-scrollheight-or-scrollwidth-in-jquery http://stackoverflow.com/questions/8646757/is-there-an-simulation-of-mozscrolledareachanged-event-in-chrome https://developer.mozilla.org/en-US/docs/Mozilla_event_reference?redirectlocale=en-US&redirectslug=DOM%2FDOM_event_reference https://developer.mozilla.org/en-US/docs/DOM/MutationObserver http://www.jqui.net/jquery-projects/jquery-mutate-official/

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航