Css 用溢流支架放置粘性聚填料

我在我的应用程序中使用了

position:sticky

，在一个容器中，该容器使用

overflow

属性来显示滚动条。我已经寻找了一个polyfill谁支持这种情况，但没有任何运气到目前为止

有谁知道这样一个支持

oveflow

的polyfill/shim吗

---

关于

我使用了一个

位置：sticky

polyfill调用来完成此操作

您只需告诉polyfill完成它的工作，即使在本机支持

position:sticky

的浏览器上也是如此

这是一个演示，也在网上

Stickyfill.forceSticky（）
添加（document.querySelectorAll（“[data sticky]”）
正文{
填充：50vh 2rem 100vh 2rem；
字号：0.625rem；
字体系列：monospace；
颜色：白色；
}
.标题{
显示器：flex；
}
.标题h2{
弹性：1；
颜色：#444；
字体大小：粗体；
填充：1rem；
}
主要{
显示器：flex；
}
.家长{
弹性：1；
利润率：0.3倍；
填充：1rem；
显示器：flex；
flex-flow：行nowrap；
调整项目：灵活启动；
溢出：可见；
}
.粘粘的，粘粘的{
职位：-网络工具包粘性；
位置：粘性；
}
.父级溢出{
高度：1000px；
溢出：隐藏；
}
.parent最差。内容，.parent最差。粘性{
背景：线性梯度（至底部，番茄，红色）；
}
.parent-best.content、.parent-best.sticky{
背景：线性梯度（至底部，#11ee11，#22cc22）；
颜色：黑色；
}
.粘的{
宽度：50%；
顶部：1rem；
边缘底部：1rem；
填充：0.3rem；
背景：线性梯度（至底部，#999，#555）；
}
.内容{
弹性：1；
高度：2500px；
填充：0.3rem；
背景：线性梯度（至底部，#999，#555）；
}

溢出：隐藏；
溢出：可见；
溢出：可见；
溢出：隐藏；
位置：带溢出隐藏父级的粘性本机
根本不起作用
位置：粘性
本机
在“较新”的浏览器中运行良好
无溢出隐藏父项的stickyfill
在大多数浏览器中都可以正常工作
带有溢出隐藏父项的stickyfill
在大多数浏览器中都可以正常工作
制作一个演示来处理您的问题。请不要对多个问题发布相同的答案（就像您在此处和此处所做的那样）。相反，如果问题非常相似，可以用相同的方式回答，请将其标记为重复。