Feste div mit Körper Scroll

Question

Ich habe eine feste div 100% Höhe mit Inhalt innen:

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

Ist es möglich, eine Bildlaufleiste auf dem Körper zu bekommen, wenn vertikale Höhe kleiner als die Höhe des Inhalts div? (400px in diesem Beispiel). Damit ich blättern kann blauer Inhalt von oben nach unten? (Aber scrollen Sie die Seite, nicht nur blau Inhalt div)

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

Answer 1

Ich weiß nicht, ob es in der anderen Anwendung hilft aber in der Geige Fall könnte dies helfen:

body { 
    min-height: 400px; 
} 

Answer 2

Wenn ein div ist fest, es kann nicht scrollen, auch wenn der Körper gescrollt wird. Wenn das div muss fixiert werden, dann müssen Sie ein Skript verwenden, um es freizugeben, wenn die Körpergröße kleiner ist als die div Höhe (d. H. 400px in Ihrem Fall). Siehe jQuery-Beispiel unten.

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

});