gpt4 book ai didi

javascript - 位置 :sticky doesn't work together with display:flex on IE 11

转载 作者:行者123 更新时间:2023-11-28 02:25:24 25 4
gpt4 key购买 nike

<分区>

我正在尝试使 position: stickydisplay: flex 属性在 Internet Explorer 11 上工作。

它在 Chrome、Firefox 和 Edge 上运行良好,但是,令人惊讶的是;它不适用于 Internet Explorer 11。

<div class="flexbox-wrapper">
<div class="regular">
This is the regular box
</div>
<div class="sticky">
This is the sticky box
</div>
</div>
.flexbox-wrapper {
display: flex;
height: 200px;
overflow: auto;
}
.regular {
background-color: blue;
height: 600px;
}
.sticky {
position: -webkit-sticky;
position: sticky;
top: 0;
align-self: flex-start;
background-color: red;
}

JSFIDDLE

如何让它在 IE11 上工作?

我尝试使用 StickyState polyfill,没有任何结果。

如果 position: stickydisplay: flex 在 IE11 上不起作用,这不是问题,因为它们都是单独工作的:

Position: sticky; working demo

我的主要问题是我想要主要内容部分和旁边的侧边栏菜单,滚动时应该可见。使用 position: fixed 在这里不是一个选项。

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com