내부 div 위치가 고정으로 변경되는 동안 외부 div가 특정 높이를 갖도록

Question

페이지를 아래로 스크롤 할 때 창의 맨 위에 div 수정을위한 코드를 삽입했습니다. 이 div를 래퍼 div에 삽입하고 div의 높이를 모두 80px로 설정했습니다. 페이지를 아래로 스크롤하면 내부 div 위치가 고정으로 변경되지만 래퍼 div는 정적이지만 Firebugging 후 페이지를 검사 할 때 높이가 줄어들지 만 픽셀 높이는 변경되지 않습니다. 높이가 80px이고 위치가 고정으로 변경된 내부 div인데 어떻게 외부 div의 높이를 80px로 유지할 수 있습니까? 예를 들어

: 이제

<div id="navbarWrapper" style="height:80px;position:static"> 
     <div id="navbar" style="height:80px"> 
       <ul><li></li></ul> 
     </div> 
</div> 

, 나는 스크롤 이벤트 캐치 스크롤을 가지고 있고 그것이 일어날 때 나는 고정 된 위치에서 #navbar을 내가 DOM을 검사 할 때 나는 #navbarWrapper가 줄어든 것을보고 #navbar pos가 fixed로 변경 되었기 때문에 윈도우의 dom 요소 계층 구조에서 벗어 났고 래퍼 div가 축소되었고 지금은 비어 있지만 80px 높이를 유지하고 싶습니다. 당신이 특정 DIV의 위치를 ​​고정 할 경우

감사합니다,

Answer 1

, 당신은 래퍼 DIV 고정하기 위해 position:fixed;을 사용해야합니다. 더 완벽하게하려면 코드를 공유 할 수도 있습니다.