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

时间:2018-12-29 20:02:26

标签: html css reactjs

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

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

我正在使用ReactJS,但是正如我在CodePen上看到的那样,这并不是造成这种情况的原因。

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

https://codepen.io/anon/pen/yGzrgj

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

Reac

如您所见,导航的位置已固定:但是导航栏在滚动时并没有停留在原来的位置。

预先感谢大家!

1 个答案:

答案 0 :(得分:1)

好吧,您并没有像Cavus先生所观察到的那样使用 int k = 0; for (int i=0; i<5;i++) { for (int j=i+1; j<5; j++) { if(t[i] > t[j]) { temp[k] = t[i] - t[j]; } else if (t[i] < t[j]) { temp[k] = t[j] - t[i]; } else { temp[k] = 0; } k++; } } 。你有这个:

position:fixed

如您所知,没有这样的设置,或者您的标题中没有nav { display: fixed; } 这样的设置。您将想要执行以下操作:

position: fixed

如果您希望菜单居中。