javascript - 位置 :Sticky Sidebar in 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是帮助我解决问题的。