在 IE11 中使元素具有粘性 [重复]答案

【问题标题】：Make element sticky in IE11 [duplicate]在 IE11 中使元素具有粘性 [重复]
【发布时间】：2018-10-23 21:12:43
【问题描述】：

我有一个绝对位于页面右侧的菜单。滚动菜单时，菜单的标题必须固定。我使用了 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>

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

有什么想法吗？

【问题讨论】：

你需要支持IE11的脚本

标签： html css

【解决方案1】：

position: sticky; 在 IE 11 或更早版本中不受支持，它仅在 Edge 中添加。你要么必须使用position: fixed;，要么使用这个polyfill：https://github.com/dollarshaveclub/stickybits

我是从https://stackoverflow.com/a/46830918/8602926得到这个的

【讨论】：