전체 HTML 페이지의 크기 (높이가 100 % 인 경우)

일부 사이트에서 사용되는 외부 스크립트가 있습니다 스크립트가 전체 HTML 페이지의 높이를 계산하려고합니다 (볼 수있는 부분이 아닙니다 ..).)전체 HTML 페이지의 크기 (높이가 100 % 인 경우)

이상한 경우를 제외하고 모든 것이 정상입니다. 일부 사이트는 body { height:100% }을 사용합니다. JavaScript가 전체 페이지의 높이를 계산할 때 보이는 높이 만 반환합니다.

내가 사용 :

document.body.scrollHeight

크롬 & 파이어 폭스

정말 당신이 높이를 계산하려고하는 어떤 요소에 따라 달라집니다

출처

2011-09-13 gilmad

를 사용하도록 말할 수 없다 알리 - 당신이 jQuery를 사용할 수있는 경우 예를 – gilmad

에 대한 CNN을, 나는 이것을 [jQuery height()] (http://api.jquery.com/height/) 기능을 사용하여 제공 할 것이다. –

이 answere을 발견 :

var body = document.body, 
html = document.documentElement; 
var height = Math.max(body.scrollHeight, body.offsetHeight, 
        html.clientHeight, html.scrollHeight, html.offsetHeight);

jQuery를 다른 사이트 내 스크립트를 사용하기 때문에 옵션을 선택하지 않습니다 내가 jQuery를

출처

2011-09-13 07:48:26 gilmad

니스. 당신은 자신의 질문에 대답했습니다.) –

사실 여기에서 답을 찾았습니다. http : //stackoverflow.com/questions/1145850/get-height-of-entire-document-with-javascript – gilmad

이것은 나를 해킹하도록 허용하여 저를 구해줬습니다. Firefox와 Bootstrap scrollspy에 대한 수정. 우리는 body를 사용하는 디자인을 가지고 있습니다 : 100 % 그리고 FF는 scrollHeight를 0으로 보여줍니다. 악몽 ... 감사합니다 !! –

테스트.

html 요소의 높이를 100 %로 설정하면 브라우저 창의 높이가됩니다. 그러면 어떤 내용으로 인해 몸이 그보다 높을 수 있지만 html 요소의 높이는 변경되지 않으며 그대로 유지됩니다.

페이지의 어떤 요소가 콘텐츠 높이를 높이는 지에 따라 달라집니다. 그런 다음 그 요소의 높이를 측정해야하지만, 어떤 요소인지 어떻게 알 수 있습니까?

확인 this example.

출처

2011-09-13 07:46:57

나는 태그에 대해 이야기하고 있습니다. 그것에게 100 %의 높이를주고 당신은 문제를 볼 것입니다 ... – gilmad

내가 추가 한 예를 확인하십시오 –

전체 HTML 페이지의 크기 (높이가 100 % 인 경우)

답변

관련 문제