고정 사업부

Question

나는 내부의 내용으로 고정 사업부 100 % 높이 있습니다

https://jsfiddle.net/bvr8yp7p/4/

수직 높이가 내용의 높이보다 작은 경우 몸에 스크롤바를 얻을하는 것이 가능 div? (이 예제에서는 400 픽셀). 세로로 파란색 콘텐츠를 위에서 아래로 스크롤 할 수 있도록하려면? 그것은 다른 응용 프로그램에 도움이되지만 바이올린 경우이 도움이 될 수 있다면

<div id="fixed"> 
    <div id="content"> </div> 
</div> 

Answer 1

나도 몰라 (하지만, 그냥 파란색 콘텐츠 사업부를 페이지를 스크롤) :

body { 
    min-height: 400px; 
} 

Answer 2

때 사업부를 몸체가 스크롤되어 있어도 스크롤 할 수 없습니다. div를 고정해야하는 경우 본문 높이가 div 높이 (예 : 400px)보다 작은 경우 스크립트를 사용하여이를 해제해야합니다. 아래의 jQuery 예제를 참조하십시오.

$(function(){ 
    var viewHeight = window.innerHeight; 
    if(viewHeight < 400){ 
    $('#fixed').css({position:"relative"}); 
    } 

});