在固定側邊欄內滾動

Question

我的網站左側有一個固定的側邊欄，其內容太多，無法在屏幕上顯示。我怎樣才能讓內容滾動，同時仍然允許右側滾動？

我認爲簡單的overflow-y: scroll;就足夠了。似乎我需要在邊欄上有最大高度，但將最大高度設置爲100％不會產生任何效果。我確信這是一個簡單的代碼模式，但是，唉，我的CSS技能今天已經拋棄了我。這裏

簡單的例子： http://jsfiddle.net/tvysB/1/

Answer 1

設置top和bottom到0，使側邊欄是完全一樣的高度視：

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

這是你的提琴：http://jsfiddle.net/tvysB/2/

Answer 2

我有這個相同的問題，並使用它來修復它：

.WhateverYourNavIs { 
     max-height: calc(100vh - 9rem); 
     overflow-y: auto; 
} 

這會以響應用戶瀏覽器高度的方式設置導航的最大高度，然後在需要時爲其提供滾動。