Scrollbare Inhalte innerhalb einer festen position container
Ich habe ein Bootstrap gebaut website, die enthält ein overlay-footer, die sich öffnen, bei Klick auf die Fußzeile Menü.
In diesem Fußzeile einer scrollbaren content-Bereich und die funktioniert korrekt, wenn eine Feste Höhe eingestellt ist, auf das scrollbare div. Wie die Website responsive ist, brauche ich diese scrollbare Bereich zu einer prozentualen Höhe, die scheint, Strecken Sie aus dem sichtbaren Fenster.
Ein Beispiel ist hier: http://jsfiddle.net/JUESu/5/
#footer-content {
position: fixed;
bottom: 0;
left: 0;
right: 0;
background-color: black;
opacity: 1;
display: block;
color: #7f7f7f;
height:85%;
}
.scrollable {
overflow-y: scroll;
height: 50%; /* Doesnt Work */
/*height: 300px; /* Works */
width: 95%;
background: red;
}
Wie kann ich ein scrollbares div in einer festen position container?
Du musst angemeldet sein, um einen Kommentar abzugeben.
Geben maximale Höhe sollte es reparieren
}
Hier ist die Geige
http://jsfiddle.net/JUESu/10/
max-height:300px
die.scrollable
div wird nicht füllen Sie 50% der container, die wäre dann nicht mehr reagiert.