60

サイトの左側に、コンテンツが多すぎて画面に表示できない固定サイドバーがあります。右側をスクロール可能にしながら、そのコンテンツをスクロール可能にするにはどうすればよいですか?

overflow-y: scroll;シンプルなもので十分だと思います。サイドバーに最大高さを設定する必要があるようですが、その最大高さを 100% に設定しても何も起こりません。これは単純なコード パターンだと思いますが、残念ながら、私の CSS スキルは今日私を見捨ててしまいました。

簡単な例: http://jsfiddle.net/tvysB/1/

4

2 に答える 2

124

topとbottomをに設定し0て、サイドバーがビューポートとまったく同じ高さになるようにします。

#leftCol {
    position: fixed;
    width: 150px;
    overflow-y: scroll;
    top: 0;
    bottom: 0;
}

これがあなたのフィドルです：http://jsfiddle.net/tvysB/2/

于 2012-11-12T02:33:11.640 に答える