4

フッターメニューをクリックすると開くオーバーレイフッターを含むBootstrapで構築されたWebサイトがあります。

このフッター内には、スクロール可能な div に固定の高さが設定されている場合に正しく機能するスクロール可能なコンテンツ領域があります。サイトはレスポンシブであるため、このスクロール可能な領域は、表示されているウィンドウから伸びるように見えるパーセンテージの高さである必要があります。

例はここにあります: 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;
}

固定位置コンテナ内にスクロール可能な div を配置するにはどうすればよいですか?

4

1 に答える 1

4

最大高さを指定すると修正されます

.scrollable {
    overflow-y: scroll;
    max-height:300px;
    height: 50%;
  
    width: 95%;
    background: red;
}

ここにフィドルがあります http://jsfiddle.net/JUESu/10/

于 2013-05-16T10:25:17.187 に答える