滚动时如何使元素停留在顶部

Question

我正在创建需要帮助的页面，我已经准备好HTML和CSS，我只想在向下滚动一点后使元素显示在顶部，并且必须有5个以上的屏幕在继续滚动时，我需要排在最前面

我找不到解决方案，因此需要帮助

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

Answer 1

CSS

您需要的CSS属性为position: sticky，这意味着该元素将位于其各自的relative位置，直到向下滚动并到达顶部为止（如果设置了top: 0）然后会“粘在”顶部，就好像立即将其位置更改为position: fixed。享受

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

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

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

如果您希望在用户刚进入网站时将元素默认保留在某个位置，则可能需要position: fixed而不是粘性的。您可以看看位置固定here with a demo

的类似解决方案