使用position：fixed时导航栏不固定

Question

我试图将导航栏设置为固定，这是我之前做过很多次的事情，但是由于某种原因，它无法正常工作。

我以为这可能与我使用过渡有关，但删除过渡后问题仍然存在。

我正在使用ReactJS，但是正如我在CodePen上看到的，这不是造成此问题的原因。

我用以下代码创建了一支笔：

Some(Random.Code) {
    Required(by.StackOverflow(to.post){ 
        this.question
    }
}

REAC

如您所见，导航的位置已固定：但是导航栏在滚动时不会停留在原处。

在此先感谢大家！

Answer 1

好吧，您没有使用Cavus先生观察到的position:fixed 。 你有这个：

nav {
  display: fixed;
}

如您所知，没有这样的设置，或者您将没有这样的position: fixed在标题中。 您将需要执行以下操作：

nav {
  position:fixed;
  width: 100%;
}

如果您希望菜单居中。