css position:sticky 如何对父级的父级吸顶

如果要让一个元素在它的父级的父级元素上吸顶，需要将该元素的 `position` 设置为 `sticky`，同时在它的父级元素上设置 `overflow:scroll` 或 `overflow:auto`。还需要给父级元素设置一个高度，来限制父级元素的高度。

.sticky-element {
  position: sticky;
  top: 0;
}

.parent {
  overflow: scroll;
  height: 200px;
}

.grandparent {
  overflow: auto;
}

在 HTML 结构中，需要将吸顶元素放在父级元素中，父级元素放在父级的父级元素中。

<div class="grandparent">
  <div class="parent">
    <div class="sticky-element">
      <!-- content here -->
    </div>
  </div>
</div>

注意:
`position:sticky` 虽然在大多数浏览器都支持，但是还是有一些浏览器不支持的，需要兼容性的考虑。