css - 用于修复标题下方导航栏的 CSS 解决方案

Question

是否有一种仅限 CSS 的方法来修复标题下方的导航栏（或任何真正的元素），但在滚动经过标题时位于页面顶部？

我知道如何用 js 来做，我只是好奇是否有一种聪明的方法可以用 CSS 来做。

Answer 1

不，您不能根据页面的滚动值有条件地设置元素的样式，这仅仅是因为 CSS 不关心，也不测量该参数。然而，JavaScript 可以。因此，您的解决方案必须涉及 JavaScript。

Answer 2

我认为纯 CSS 无法解决问题。

如果:target不点击任何元素就可以工作，也许可以。但我认为不是。