CSS位置：粘性 - 是否可以启用绝对然后固定的行为（而不是相对于固定的）？

Question

在CSS中，position: sticky允许元素以position: static行为显示（即它在文档流中采用其默认位置），直到它到达某个滚动位置，之后它采用{ {1}}行为。

那么......这是否意味着我们不能对需要position: fixed正常行为的元素使用position: sticky？

上下文

我有一个流出元素，占据了视口左上角的位置。在滚动了一两英寸之后，元素会碰到视口的顶部，理想情况下，我希望它不会在那时继续消失。

Answer 1

正如GibboK所说，默认定位方案不是绝对定位，而是静态位置。默认情况下，元素在正常流程中布局 - 如果默认情况下是流出，则无法读取默认HTML页面。此外，绝对定位的元素大多数时间都会在页面中滚动 - 仅时间，您可以使页面滚动的绝对定位行为类似于固定定位元素through some semi-complicated CSS。< / p>

如果你问是否可能

• 一个粘滞的元素，当卡住和脱开时会流出，或
• 用于粘性定位元素的包含块，其确定方式与绝对定位元素相同，

然后很遗憾，粘性定位都不支持这些。

Answer 2

position:sticky的要点是只有fixed而父元素在视图中。 position:absolute元素未附加到其父级。

如果存在这样的position并且规则将是元素将是absolute，而它绝对定位的元素在视图中，那么可能会很有趣，但是目前还没有像这样nativley，但你可以尝试使用JS重新创建它。