可滚动固定的div

时间:2012-12-24 11:23:57

标签: jquery ruby-on-rails

我正在开发一个测验应用程序,我正在进行测试页面。 我打算在一个页面上显示所有问题,并在左侧的表格中显示问题编号,以便考生可以用来导航到问题。

但我希望那张桌子永远可见。我的意思是我希望它作为固定元素。但不幸的是,当问题的数量很多时,表格溢出视图,我无法看到底部。

是否有修复div以及为该div的内容提供滚动条?

这是一个截屏: enter image description here

我正在使用“词缀”类引导来进行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是我从bootstrap docs页面获取的css类。它设置宽度和边框轮廓。

提前致谢

2 个答案:

答案 0 :(得分:2)

height设置为div和属性overflow:scroll

答案 1 :(得分:0)

尝试将溢出放到affix css class

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