绝对定位的容器隐藏了超出屏幕高度的内容答案

【问题标题】：Absolutely positioned container hides the content beyond the screen's height绝对定位的容器隐藏了超出屏幕高度的内容
【发布时间】：2019-11-10 11:59:11
【问题描述】：

我得到了一个项目列表，没有position: absolute，它们正确呈现如下：

现在，我确实想设置position: absolute，将我的容器放在标题顶部（上面写着“Sablier”）。

然而，它隐藏了屏幕下方的元素：

我在容器上设置了z-index: 1000;，并确保它上面没有其他容器。怎么了？

注意事项：

【问题讨论】：

【解决方案1】：

如果您将绝对位置添加到标题并希望查看它，则应按标题的高度为列表添加 padding-top。为什么要为标题添加绝对位置？也许您需要固定位置？

【讨论】：

【解决方案2】：

您需要将整个容器从标题中取出。绝对定位元素将检查其父元素并相应地定位自身。取出容器并将其放置在其他位置，使其父级成为 html 的主体。

【讨论】：

容器不在标头内。同时我发现z-index引起的问题和iOS在使用-webkit-scrolling-overflow: touch时添加了堆叠上下文。如果我找到解决方案，将发布答案。
这是否意味着您不希望它在其他人滚动时滚动？然后使用 position: fixed 而不是 absolute。
不，这与并行滚动无关。这是 iOS 中一个相当古怪的行为：stackoverflow.com/questions/37696746/…