Position: Sticky Sidebar in Internet Explorer

Question

Ich habe Probleme mit einer linken linken Leiste in Internet Explorer 11. Meine aktuelle Lösung funktioniert in Chrome und Firefox. Ich habe versucht, eine CSS-Polyfill, fixed-sticky, verwenden, hatte aber immer noch Probleme mit der Formatierung - der Inhalt auf der rechten Seite der Seitenleiste springt nach links und überlappt mit der Seitenleiste, wenn die Position behoben wird. Danke für deine Ideen. Dies ist, was der Code wie folgt aussieht:

.contentWithSidebar-wrapper { 
 
    display: table; 
 
    height: 100vh; 
 
} 
 

 
.content-wrapper { 
 
    padding-left: 10px; 
 
    display: table-cell; 
 
    width: 100%; 
 
    vertical-align: top; 
 
} 
 

 
.sidebar-wrapper { 
 
    position: relative; 
 
    display: table-cell; 
 
    vertical-align: top; 
 
} 
 

 
.sidebar-wrapper .sidebar { 
 
    position: sticky; 
 
    height: 100vh; 
 
}

<div> 
 
    <div class="contentWithSidebar-wrapper"> 
 
    <div class="sidebar-wrapper"> 
 
     <div class="sidebar"> 
 
     Sidebar content 
 
     </div> 
 
    </div> 
 
    <div class="content-wrapper"> 
 
     <div class="container-fluid"> 
 
     Page content 
 
     </div> 
 
    </div> 
 
    </div> 
 
</div>

Answer 1

Falls jemand ein ähnliches Problem hat, ist die Javascript-Lösung here ist das, was mir geholfen, das Problem zu lösen.