位置：Internet Explorerのスティッキサイドバー

Question

Internet Explorer 11の左側のサイドバーに問題があります。現在の解決策はChromeとFirefoxで動作しています。私は、CSS Polyfill、fixed-stickyを使用しようとしましたが、フォーマットに問題はありました。サイドバーの右側にあるコンテンツは、位置が固定されたときに左側に飛び、サイドバーと重なっています。あなたのアイデアをありがとう。

.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

誰にも同様の問題を持っている場合には、JavaScriptのソリューションhereは私が問題を解決する助けたものです：これは、コードは次のようになります。