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;