Sabit Konum Kenar çubuğu ayrı kaydırma çubuğuyla mı?

Question

Basit bir CSS kurulumum var ama sorunumu gidermek için nasıl gideceğimi bilmiyorum.

Solda sabit bir kenar çubuğum ve sağda bir içerik paneli var.

Sol taraf, sağ taraftaki bir içerik tablosu için, bu sayede kullanıcı raporun sağ tarafındaki çeşitli konumlara kolayca atlayabilir.

Raporun çok uzun olması nedeniyle (TOC) yan çubuğun sabit kalmasını isterim ve ana içeriğe göre kaydırırsa, her zaman en üst düzeye erişmek için yukarı kaydırmak zorunda kalır.

İçinde bulunduğum sorun, TOC'un çok uzun olması ve kenar çubuğunun altından geçmesidir, bu yüzden kenar çubuğumun ana içeriğimden bağımsız bir kaydırma çubuğu olması gerekir. Çerçeveler ile bunun mümkün olduğunu biliyorum, ancak CSS ile bunu nasıl yapıyorsunuz?

<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> 

Answer 1

altına

Kod sol nav div üzerinde

overflow-y:scroll 

stil değiştirici kullanmak gerekli, bunu buldum.