滾動導航欄（引導3），但保持頁面的其餘部分仍然

Question

我有一個關於滾動分隔符的問題，但保持頁面的其餘部分仍然存在。想象一下這樣的（因爲我剛纔提出這個帳戶，不能發佈任何照片。）：在後建了3個組成部分：

• 導航欄：不要擔心這一點。

• 側邊菜單：這是我想要滾動的部分，因爲它包含40個不適合單個頁面的元素。

• 內容：我希望這個滾動以及，但我不希望它滾動在側面菜單的同時。

下面是部分代碼，我說的是：

<div class="panel panel-primary fullheight" ng-controller="NavCtrl"> 
<div class="panel-heading">All branches</div> 
<div class="panel-body"> 
     <ul class="nav nav-pills nav-stacked"> 
      <li><input ng-model="search" class="centerhorizontal fullwidth" placeholder="Filter"></li> 
      <hr> 
      <li ng-repeat="branch in branches | filter: search"><a href="#" class="list-group-item">{{branch}}</a></li> 
     </ul> 
    </div> 
</div> 

任何建議，凡將是非常有用的！

Answer 1

設置溢出-y的CSS規則：滾動，你想成爲滾動 如

#scrollable-area{ 
    overflow-y: scroll; 
    height: 300px; 
} 

繼承人JSFiddle證明了該股利。