티스토리 뷰
브라우저 지원사항 - IE6/7, FF2/3, Safari (Windows), Google Chrome and Opera 9.5.
아래에서 getDocHeight() 함수는 dom에서 content 요소 모두 포함된 height사이즈를 뜻한다.
현재 브라우저에서 보이는 window.height 와 아래의 height값은 서로 틀리니 참고..
function getDocHeight() {
var doc= document;
return Math.max(
doc.body.scrollHeight, doc.documentElement.scrollHeight,
doc.body.offsetHeight, doc.documentElement.offsetHeight,
doc.body.clientHeight, doc.documentElement.clientHeight
);
}
jQuery 사용시
$.getDocHeight = function(){
var doc = document;
return Math.max( Math.max(doc.body.scrollHeight, doc.documentElement.scrollHeight),
Math.max(doc.body.offsetHeight, doc.documentElement.offsetHeight),
Math.max(doc.body.clientHeight, doc.documentElement.clientHeight) );
};
'Programming language > javascript' 카테고리의 다른 글
jasmine 기본 (0) | 2016.01.22 |
---|---|
JavaScript Kinetic Scrolling (0) | 2015.12.17 |
교환이미지 파일 형식- exif(EXchangable Image File format) JS (0) | 2015.12.04 |
웹스톰(Webstorm)을 이용한 jsDoc 자동 생성 (0) | 2015.02.26 |
threejs 슬슬 시작해야 겠구낭~ ㅋㅋ (0) | 2014.07.15 |
- Total
- Today
- Yesterday
- icon font
- 리프래시토큰
- CSS
- anime.js
- git
- vue-router
- react-router-dom
- Intrinsic
- Angular
- RefreshToken
- interceptors
- 자바스크립트
- svg모션
- Vue3
- 코도바
- 아이콘 폰트 만들기
- svg 폰트
- svg icon font
- IntrinsicElements
- Aptana
- JsDoc
- react
- for of 구문
- 앵귤러
- cordova
- 내장요소
- git checkout -b
- React.StrictMode
- 태그
- 반복문
일 | 월 | 화 | 수 | 목 | 금 | 토 |
---|---|---|---|---|---|---|
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 |