일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | |||
5 | 6 | 7 | 8 | 9 | 10 | 11 |
12 | 13 | 14 | 15 | 16 | 17 | 18 |
19 | 20 | 21 | 22 | 23 | 24 | 25 |
26 | 27 | 28 | 29 | 30 | 31 |
Tags
- proxmox
- OpenWrt
- SKT
- 아파치
- 자바스크립트
- mysql
- KB국민카드
- centos
- 소비전력
- 알리익스프레스
- 램가스초월
- php
- 킹북이초월
- PHP-FPM
- 복현오거리
- 보르비스초월
- 윈도우10
- jQuery
- 시놀로지
- 가상서버호스팅
- 알뜰폰
- 스톤에이지
- 티스토리
- 라즈베리파이2
- iptime
- ConoHa
- Rocky
- KB증권
- Apache
- 리눅스
- Today
- Total
맛집 여행 캠핑 일상 생활
jQuery iframe height 를 자동으로 변경 본문
728x90
jQuery iframe height 를 자동으로 변경
iframe 안의 문서가 변경될 때마다 캐치해서 자동으로 높이를 변경
$('iframe').load(function(){
var h = this.contentWindow.document.body.offsetHeight;
$(this).height(h);
});
$('iframe').contents().height() 대신에 위의 this.contentWindow.document.body.offsetHeight 이 iframe body의 정확한 높이값이다.
첫번째 호출때의 높이는 둘다 같으나
$(this).contents().height() == $(this.contentWindow.document).height()
그 뒤로 변경될때는 값이 달라진다는 것을 주의해야 한다.
728x90
반응형
'JAVASCRIPT' 카테고리의 다른 글
CANVAS 이미지를 jQuery 로 서버에 업로드하기 (2) | 2016.06.17 |
---|---|
window.onload 함수 여러개 실행되게 하기 (0) | 2016.06.10 |
CANVAS 이미지 그리기 예제 (4) | 2016.05.23 |
DIV height:auto 인 경우 높이 구하기 (1) | 2016.05.19 |
jQuery iframe 부모 페이지 scrollTop 컨트롤하기 (0) | 2016.05.09 |
Trackback : | Comments :