iframe height 자동 조절??

Question

매번 도움을 받고있는 염치없는 개발자(?) 입니다.ㅠㅠ다름이 아니라..그룹웨어 쪽 디자인을 하다가..iframe으로 페이지을 열어서 정보를 제공하는데.iframe 이 가변적이라서. height 뒤죽박죽 입니다..문제는 제가

요렇게 구현해서.. 화면 전체를 연한 그레이로.... 가운데 부분에 contents 부분만 하얀색으로사용하고 있습니다..메인쪽 iframe이 height 값이 계속 변경이 됩니다. 그래서.. script 에서 function calcHeight() { var vHeight= document.getElementById('main-iframe').contentWindow.document.body.scrollHeight; var wHeight = vHeight+50 ; document.getElementById('main-iframe').height= vHeight; document.getElementById(wrap').height= wHeight ; document.getElementById('main-iframe').style.overflow = "hidden"; }이렇게 구현을 했는데.. 이게 잘 되는가 싶더니... 처음에 vHeight = 500 잘나옵니다. 그 후 vHeight = 1000으로 가도 잘됩니다..근데 vHeight가 1000px에서.. 500px로 바뀌면 vHeight가 500이 아닌 1000으로 나와서여..머가 잘못 구현했나요? ㅠㅠ 글로 설명할려니 어렵네요.ㅠㅠ 긴글 읽어주셔서 감사합니다. 무더운날 건강에 유념하세요.. *추가.. 즉... document.getElementById('main-iframe').contentWindow.document.body.scrollHeight;요 가장 큰 max 값을 가지고 있는거 같습니다.ㅠㅠ 맞나요???화면이 가장 큰 값을 가지고 있어서 문제인듯..

푸르게 · Answer

이런 라이브러리가 있네요.https://github.com/davidjbradshaw/iframe-resizer 데모 페이지http://davidjbradshaw.com/iframe-resizer/example/

iframe height 자동 조절??

1개의 답변

Q&A 목록