固定元素内部的粘性元素在固定元素外部滚动内容

Question

我有一个position: sticky嵌套在position: fixed元素内的元素，该元素覆盖在页面顶部的可滚动主内容上，如下所示：https://jsfiddle.net/feihcsim/z5p6tjmb/25

当我滚动主要内容时，为什么sticky d元素会滚动？

Answer 1

它正在做position: sticky;所做的......

sticky元素根据用户的滚动位置定位。

粘性元素在相对和固定之间切换，具体取决于滚动位置。它被定位为相对，直到在视口中满足给定的偏移位置 - 然后它＆＃34;坚持＆＃34;到位（如位置：固定）。

注意： IE / Edge 15或更早版本不支持。在带有-webkit-前缀的版本6.1的Safari中受支持。

当你将它从开始偏移时，你无法看到位置变化。

在这里你可以欣赏它： {{3}}