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?

InformationsquelleAutor dclawson | 2013-05-16
Schreibe einen Kommentar