滚动时如何使元素粘在顶部

Question

我正在创建一个需要帮助的页面，我已经准备好 HTML 和 CSS，我想要的只是在我向下滚动一点后使元素到达顶部，并且必须有超过 5 个屏幕而不是我需要的当我继续滚动时来到顶部

我找不到解决方案，所以需要帮助

这是我需要的链接，这正是我想要的 https://www.blackrock.com/corporate#intro

Answer 1

CSS

您需要的 CSS 属性是position: sticky意味着该元素将在其各自的relative position 中，直到您向下滚动到足够的顶部并到达top: 0 ，然后“如果您设置它”它立即将其 position 更改为position: fixed 。 享受

以下代码可以帮助您实现所需的行为：

.sticky-container {
   position: sticky;
   top: 0;
   left: 0;
}

如果它是一个占据整个宽度的容器，那么还要添加width: 100%和某个固定的高度（以像素为单位）以查看容器。

如果您想让元素在用户刚进入网站时默认保留在某个 position 中，您可能需要position: fixed而不是粘性。 您可以通过演示查看此处修复的 position 的类似解决方案