iframe 높이 자동으로 잡아주기

by 조쉬 posted Mar 01, 2014
?

단축키

Prev이전 문서

Next다음 문서

ESC닫기

크게 작게 위로 아래로 댓글로 가기 인쇄
function iFrameResize(obj)
 {
  var iFrm = obj;
  var the_height = iFrm.contentWindow.document.body.scrollHeight;
  iFrm.style.height = the_height;
 }
  
  
 <iframe width="100%" height="100%" name="tabUp" frameborder="0" onload="iFrameResize(this)" scrolling="no" 
    src=""></iframe>
  
  
위 fuction은 리로드시 iframe 안쪽에 높이가 편해도 높이만큼 iframe의 높이가 맞춰서 바뀐다. 

function iFrameResize(obj)
 {
  var iFrm = obj;
  var the_height = iFrm.contentWindow.document.body.scrollHeight;
  iFrm.style.height = the_height;
 }
  
  
 <iframe width="100%" height="100%" name="tabUp" frameborder="0" onload="iFrameResize(this)" scrolling="no" 
    src=""></iframe>
  
  
위 fuction은 리로드시 iframe 안쪽에 높이가 편해도 높이만큼 iframe의 높이가 맞춰서 바뀐다. 

function iFrameResize(obj)
 {
  var iFrm = obj;
  var the_height = iFrm.contentWindow.document.body.scrollHeight;
  iFrm.style.height = the_height;
 }
  
  
 <iframe width="100%" height="100%" name="tabUp" frameborder="0" onload="iFrameResize(this)" scrolling="no" 
    src=""></iframe>
  
  
위 fuction은 리로드시 iframe 안쪽에 높이가 편해도 높이만큼 iframe의 높이가 맞춰서 바뀐다. 
function iFrameResize(obj)
 {
  var iFrm = obj;
  var the_height = iFrm.contentWindow.document.body.scrollHeight;
  iFrm.style.height = the_height;
 }
  
  
 <iframe width="100%" height="100%" name="tabUp" frameborder="0" onload="iFrameResize(this)" scrolling="no" 
    src=""></iframe>