Scrollable-fixed div

Question

我正在開發一個測驗應用程序，我目前正在測試頁面。 我打算在單個頁面上顯示所有問題，並在左側的表格中顯示問題編號，以便候選人可以使用導航到問題。

但我希望該表始終可見。我的意思是我希望它成爲一個固定的元素。但不幸的是，當問題的數量很高時，表格溢出了視圖，我無法看到底部的部分。

有無論如何使該div固定以及爲該div的內容提供滾動條嗎？

這裏是一個屏幕截圖：

我使用「粘貼」級引導做的DIV固定。 這裏是標記：

<div class="row"> 
<div class="span3"> 
    <table class="table table-condensed bs-docs-sidenav affix"> 
    <caption><strong>Questions Navigation</strong></caption> 
     <% @q_array.each do |row|%> 
     <tr> 
      <% row.each do |qn| %> 
      <td style="text-align: center;"><%= link_to qn,"#",:class=>"btn btn-inverse"%></td> 
      <%end%> 
     </tr> 
     <%end%> 
    </table> 
</div> 
<div class="span9"> 

<%= @questions.keys[0] %> 
<%= @questions.values[0][1] %> 
<%=@questions %> 
<%=@q_array%> 

</div> 
</div> 

.bs-docs-sidenav是一個CSS類我從引導文檔的頁面了。它設置寬度和邊界路由。

在此先感謝

Answer 1

設置一個height您div和財產overflow:scroll。

Answer 2

嘗試把溢出到您的affix css class

overflow-y:auto; 
overflow-x:hidden;