位置：Internet Explorer中的粘贴边栏

Question

我在Internet Explorer 11中遇到粘滞左侧边栏的问题。我当前的解决方案适用于Chrome和Firefox。我试图使用CSS Polyfill fixed-sticky，但仍然遇到格式化问题 - 侧边栏右侧的内容向左跳转，并在位置固定时与侧边栏重叠。谢谢你的想法。这就是代码的样子：

＆＃13;

＆＃13;

.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;
}

＆＃13;

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

＆＃13;

＆＃13;

＆＃13;

Answer 1

如果其他人遇到类似的问题，javascript解决方案here就是帮我解决问题的方法。