0

私はクイズアプリケーションを開発しており、現在テストページを作成しています。すべての質問を 1 ページに表示し、左側の表に質問番号を表示して、受験者が質問に移動できるようにすることを計画しています。

しかし、私はそのテーブルが常に見えるようにしたい. つまり、固定要素として欲しいということです。しかし残念なことに、質問の数が多いと、テーブルがビューからはみ出して、下の部分が見えなくなります。

その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 クラスです。幅と境界の丸みを設定します。

前もって感謝します

4

2 に答える 2

0

あなたにオーバーフローを入れてみてくださいaffix css class

overflow-y:auto;
overflow-x:hidden;
于 2012-12-24T11:31:15.117 に答える