如何使用外部來源調整iframe的大小並抵消內容？

等待外部的iFrame加載
調整大小外部來源的iFrame（例如：100像素X 40像素）
偏移外部來源的iFrame（例如：25像素X 50像素）

示例代碼：

<html> 
<body> 
    <p>Here's Google's Logo Today:</p> 
    <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe> 

    <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> 
    <script type="text/javascript"> 
     $(document).ready(function() {}); 
    </script> 
</body> 
</html>

我知道你不能得到外部內容iFrame，但如何調整大小和抵消？

我也知道我的例子很荒謬。

來源

2012-04-12 Ryan

當外部iframe已完全加載時，您無法觸發事件，但其餘的可能。

包裹框架一個div

<div id="frame_wrapper"> 
    <iframe id="google_logo" src="http://www.google.com/search?q=stackoverflow"></iframe> 
</div>

添加下面的jQuery

$(document).ready(function() { 
    $("#frame_wrapper").addClass("iframe_shift"); 
});

添加以下CSS

#google_logo { width: 100%; height: 100%; } 
.iframe_shift { width:100px; height: 45px; position: relative; top: 25px; left: 45px; }

來源

2012-04-12 15:19:58

如何使用外部來源調整iframe的大小並抵消內容？

回答

相關問題