在导航栏之前首先显示一个部分，当滚动时，导航栏将位于顶部

Question

这就是我想要做的。导航栏前面的图像部分。滚动顶部的图像部分后，导航栏将粘在顶部。我怎么能这样做？

See the Attached Photo for example

Answer 1

将元素设置为position: sticky，然后将其放在您想要的位置（top: 4rem等）。它将在其块内具有相对位置，然后在块滚动过去时将保持在适当位置。