묻고답하기
iframe 스크롤없이 높이 조절
2015.02.26 10:08
제로보드
문서페이지에 xml파일을 링크하여 사용하고 싶어
iframe을 이용하여 링크하였는데요.
소스는 다음과 같습니다.
<script language="javascript">
function calcHeight(FrameName)
{
var the_height= document.getElementById(FrameName).contentWindow.document.body.scrollHeight;
document.getElementById(FrameName).height=the_height;
}
</script>
<iframe id="IFRAME" src="http://61.33.249.154/happyteam/styleguide.xml" width="100%" onload="calcHeight('IFRAME')"></iframe>
위지웍에디터에 HTML 편집으로 위의 소스를 올려서 해보았더니.....
크기에 맞게 iframe이 조절되긴했으나.... iframe에 링크된 소스는 버튼을 누르면 페이지가 확장되는 페이지거든요....
그래서 버튼을 눌러 페이지를 확장시키면 iframe내에 스크롤 바가 생기더군요.... scrolling=no 를 하면 페이지가 늘어나지 않고 고정된 상태에서 짤리고요 ^^;
어떻게 손봐야 스크롤없이 페이지 크기만 실시간으로 바꿀수있을까요?
만약 JQuery가 필요하다면 어떤 위치에서 수정해야될까요.... (layout.html, 링크된 페이지, 위지웍 에디터 내부소스)