화면을 만들다가 보면 iframe이 필요할때가 있을 때가 있는데
iframe을 넣었더니 길이가 들쭉날쭉하고 스크롤이 생겨버리고 꼴보기 싫다?
그럼 아래와 같은 jQuery를 써주시면 됩니다!
function autoResizeIframe() {
$('#iframe1').on('load', function() {
if(this.contentDocument) {
$(this).height(this.contentDocument.documentElement.scrollHeight);
}
else {
$(this).height(this.contentWindow.document.body.scrollHeight);
}
});
}
이 function을 적용 시키면 이리저리 높이를 맞출 필요없이 적용이 되니 한번 써보시길!
'JavaScript > JQuery' 카테고리의 다른 글
[jQuery] jQuery 표현식, selector 확장 검색 (like 검색) (0) | 2022.03.22 |
---|---|
[jQuery] Ajax의 Success와 Done의 차이 (0) | 2022.03.08 |
[JQuery] 숫자 3자리 콤마 입력(천단위 금액 표시) (0) | 2021.07.02 |
[JQuery] input 태그 대소문자 변환 (0) | 2021.07.02 |
[JQuery] 입력창 숫자만 입력 (0) | 2021.07.02 |