在IE11中使元素变粘

Question

我有一个菜单，该菜单绝对位于页面的右侧。 滚动菜单时，必须固定菜单标题。 我使用了position：sticky，但是在IE11中不起作用。

.panel {
  position: absolute;
  top: 40px;
  right: 0;
  width: 300px;
  height: auto;
  padding: 0;
  background-color: green;
}

.panel-header-wrapper {
  background: blue;
  position: sticky;
  top: 0;
  }

<div class="panel">
  <div class="panel-header-wrapper">
    Sticky header
  </div>
  <div class="panel-inner">
    <ul>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
      <li>123</li>
    </ul>
  </div>
</div>

我已经在类似的票证中检查了答案，位置：fixed对我不起作用，我也不能使用额外的库： CSS Sticky buttons div not working in IE 11

有什么想法吗？

Answer 1

IE 11或更早版本不支持

position: sticky;，它仅在Edge中添加。您将必须使用position: fixed;或使用以下polyfill：https://github.com/dollarshaveclub/stickybits

我是从https://stackoverflow.com/a/46830918/8602926

获得的