使用sticky吸顶，父元素需要设置 overflow: hidden;如何实现

使用 sticky 吸顶效果时，通常是为了让元素固定在其滚动视口顶部，即使用户滚动页面，该元素位置也不会改变。当涉及到父元素的 `overflow` 属性设置为 `hidden` 时，这是为了隐藏溢出的内容，特别是当 Sticky 元素的内容超过其父容器的高度时。

以下是实现步骤：

1. **HTML结构**：
确保你有一个包含 Sticky 元素（通常是 `<div>`）的容器，并且设置了适当的 ID 或类名以便样式操作。

<div id="parent-container" style="position: relative;">
  <div class="sticky-element">内容...</div>
</div>

2. **CSS样式**：
- 首先，对 `.sticky-element` 设置 `position: sticky;` 使其成为 Sticky 元素，同时可能需要设置 `top: 0;` 以将其定位到顶部。
- 对于父容器 `.parent-container`，设置 `overflow: hidden;` 来隐藏超出部分。

.sticky-element {
  position: -webkit-sticky; /* 对于老版本浏览器 */
  position: sticky;
  top: 0;
  background-color: #f8f9fa; /* 示例颜色 */
}

.parent-container {
  position: relative;
  overflow: hidden;
}