iframe 높이 자동조절

Chris·2019년 9월 16일
0

style.css

#myframe {
    width: 500px;
	min-height: 300px;
    overflow: hidden;
    border: 0;
}

html

<iframe src="./iframe.html" id="myframe"></iframe>

js

var iframe = document.getElementById('myframe')

window.addEventListener('DOMContentLoaded', function () {
	iframe.addEventListener('load', autoHeight)
})

function autoHeight() {
	var frame = iframe
    var sub = frame.contentDocument ? frame.contentDocument : frame.contentWindow.document
    iframe.height = sub.body.scrollHeight
}

iframe.html (하위 html)

body {
	overflow: hidden;
}
profile
올드보이 코더

0개의 댓글