У меня есть меню, которое расположено абсолютно справа на странице. Заголовок меню должен быть зафиксирован при прокрутке меню. Я использовал 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>Я проверил ответы в аналогичном тикете, position: fixed для меня не сработает, и я не могу использовать дополнительные библиотеки: CSS Sticky buttons div не работает в IE 11
Любые идеи ?






position: sticky; не поддерживается в IE 11 и ранее, он был добавлен только в Edge. Вам придется либо использовать position: fixed;, либо использовать этот полифилл: https://github.com/dollarshaveclub/stickybits
Я получил это от https://stackoverflow.com/a/46830918/8602926
Вам нужен скрипт для поддержки IE11