iframe Thay đổi kích thước để phù hợp với nội dung của nó

Question

thể trùng lặp:
Resizing an iframe based on content

Tôi có một iframe nơi src là một file HTML và iframe này được đặt bên trong usercontrol:

<iframe frameborder="0" src="CName.htm" align="left" width="730" height="1100" ></iframe> 

Tôi cần khung nội tuyến để thay đổi kích thước theo nội dung sao cho chiều cao của nó được đặt theo ieght của tệp HTML và tôi không cần sử dụng thuộc tính cuộn. Bạn có ý tưởng gì không?

Answer 1

Bạn có thể tìm hiểu chiều cao và chiều rộng của nội dung bên trong khung, sau đó gọi hàm nằm trên chủ sở hữu khung để đặt chiều cao và chiều rộng của phần tử iframe.

Answer 2

Có một cách! Của nó trong jquery và quá đơn giản của nó. Kinda hacky ..

$('iframe').contents().find('body').css({"min-height": "100", "overflow" : "hidden"}); 
setInterval("$('iframe').height($('iframe').contents().find('body').height() + 20)", 1); 

Có bạn!

Chúc mừng! :)

Answer 3

Tôi đã sử dụng mã jQuery sau đây để làm điều này:

$('#iframe_id').load(function() { 
    $(this).height($(this).contents().height()); 
    $(this).width($(this).contents().width()); 
}); 

Tôi không nghĩ rằng điều này sẽ có tác dụng nếu các nội dung iframe là cross-domain, mặc dù.