使用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%;
}

如果您希望菜單居中。