팝업 띄워서...iframe 창에서 스크롤바 없애기.

Question

팝업띄우고 나서 왼쪽에 iframe () 으로 부서 트리를 띄워주는데.. 기본적으로 팝업창 자체에서 div 으로 띄워주다 보니.. 스크롤이 팝업화면 스크롤, iframe으로 열은 스크롤 두개가 생기네요.. 팝업창에서

iframe에서는.

이렇게 가져오는데요..그래서 overflow-y:auto 이부분을 삭제하게 되면.. 이미지에서 처럼.. 빨간동그라미 친 부분이 문제가 생깁니다..overflow-y:auto 을 쓰게되면 스크롤바가 2개가 생기고...overflow-y:auto 을 삭제하게 되면.. 첨부된 이미지 처럼. div 테두리 선을 넘어가면서 선택되는오류가 있더라고요.. 아.요건 어느 부분을 참조해야 할까요??

잘하고싶 · Answer

iFrame에서는 height의 크기를 계속 resizing해주는 스크립트를 하나 만들어 스크롤을 없애고div의 스크롤만 남기면 될 거 같습니다

잘하고싶 · Answer

function autoResize(i) { var iframeHeight&#61; (i).contentWindow.document.body.scrollHeight; (i).height&#61;iframeHeight&#43;20; }--------------------------------------------------------------------------------------<iframe id&#61;&#34;abc&#34; &#34;name&#61;&#34;abc&#34; scrolling&#61;&#34;no&#34; onload&#61;autoResize(this) frameborder&#61;0 framespacing&#61;0 marginheight&#61;0 marginwidth&#61;0 vspace&#61;0>--------------------------------------------------------------------------------------이런식으로 해주면 iframe 자체의 height는 자동적으로 resizeing이 되기 때문에 스크롤이 생길일이 없어요 잘 해결되길 바랄게요^^

onlyu2 · Answer

아..이렇게도 구현할 수 있구나 ㅎㅎ정말 좋은 답변 감사합니다...

팝업 띄워서...iframe 창에서 스크롤바 없애기.

3개의 답변

Q&A 목록