iframe으로 다른 페이지에 사이트의 내용을 붙이면 iframe내의 내용의 크기에 따라 iframe의 크기를 바꿀 필요가 있다. 그럴땐 아래와 같이 한다.
function ResizeFrame() {
var h = document.getElementById("DocumentEnd").offsetTop;
var w = document.getElementById("DocumentEnd").offsetLeft;
if(window.frameElement) {
window.frameElement.style.height = h;
window.frameElement.style.width = w;
}
}
DocumentEnd element는 문서의 항상 문서의 우측 하단에 위치하는 어떤 Element이던 상관 없다. document.scrollWidth나 document.scrollHeight를 사용할 수도 있지만 이 두가지 파라메터는 문서의 크기가 줄어들때 잘 동작하지 않는 버그(?)가 있다.