고정 된 요소를 포함하는 높이로 바디를 설정 하시겠습니까?

나는 래퍼 래퍼가 있기 때문에 특별한 스크롤 동작과 자바 스크립트의 position: fixed;로 설정되어고정 된 요소를 포함하는 높이로 바디를 설정 하시겠습니까?

<body> 
    <div class="wrapper">//loads of content</div> 
</body>

으로 몸을 가지고있다. 나는 몸이 래퍼와 같은 높이를 가지길 원한다.

(사람은 내가 여기 내 문제를 설명하려고이 실현하려 시도 왜 둘다 경우 :. Setting height of fixed element 을하지만 문제는이 문제를 해결하기 위해 원하는 사람에 대한 지나치게 복잡있어 느낌)

출처

2013-07-15 Himmators

우선

height: inherit;

inherit는 부모의 높이를 꺼내 다음의로 설정합니다 : 것은,이 같은 CSS를 통해 몸이다 .wrapper의 높이를 설정할 수 있습니다.

두 번째로, JavaScript를 사용해야하는 이유는 CSS를 사용할 경우 크기를 조정할 때 본문의 크기를 제어 할 수 없기 때문입니다. CSS와

height: whatever_body_height

JS와 :

function getDocHeight() { /*For cross-browser*/ 
    var D = document; 
    return Math.max(
     D.body.scrollHeight, D.documentElement.scrollHeight, 
     D.body.offsetHeight, D.documentElement.offsetHeight, 
     D.body.clientHeight, D.documentElement.clientHeight 
    ); 
} 
window.onresize = function() { 
    document.getElementByClassName('.wrapper').style.height = getDocHeight(); 
}

은 도움 바랍니다.

출처

2013-07-15 09:25:55

상속과 관련하여 그 높이를 사용하면 포함 된 요소 인 – Himmators

이 아니라 높이가 창 높이로 설정됩니다. 그래도 래퍼의 높이를 변경할 필요는 없습니다. – Himmators

또한 , javascript는 모든 포함 요소의 높이보다는 창 높이를 얻는 것처럼 보입니다 – Himmators

고정 된 요소를 포함하는 높이로 바디를 설정 하시겠습니까?

답변

관련 문제