5

シンプルな CSS セットアップを使用していますが、問題を解決する方法がわかりません。

左側に固定サイドバー、右側にコンテンツ ペインがあります。

左側は右側の目次であるため、ユーザーは右側のレポート内のさまざまな場所に簡単にジャンプできます。

レポートが非常に長いため（したがってTOC）、メインコンテンツと一緒にスクロールすると、アクセスするには常に上部までスクロールする必要があるため、サイドバーを固定したままにしておきます.

私が直面している問題は、多くの場合、TOC が長すぎてサイドバーの下部を超えているため、メイン コンテンツから独立したスクロールバーをサイドバーに持たせる必要があることです。フレームでこれが可能であることは知っていますが、CSS でそれを行うにはどうすればよいでしょうか?

以下のコード

<div style="width:100%;" class="wrapper">
        <div class="contentWrapper" style="width:100%;">
            <form id="FormData" runat="server" style="background-color:whitesmoke" >
              <div id="leftnav" runat="server" class="left-nav" style="width:20%; float:left; position:fixed; height:100%; background-color:#0071c5; top: 0px; left: 0px;">      
                     <div id="tableofcontents" runat="server"></div>
              </div>

              <div id="content" runat="server" class="content" style="width:80%; float:right;">

             </div>  
           </form> 
        </div>
    </div>
4

1 に答える 1

4

それを見つけ、使用する必要がありました 

overflow-y:scroll

左ナビゲーション div のスタイル修飾子。

于 2013-07-29T18:28:32.870 に答える