材质UI粘性AppBar位于另一个AppBar下方

Question

我想知道如何使一个AppBar粘在另一个AppBar下方？ 当我设置position =“ sticky”时，它将覆盖顶部的AppBar，也许我需要设置顶部：“ myTopAppBar px”？但是如何？

demo code

Answer 1

只需将第二个AppBar放在第一个</AppBar>中。将第一个AppBar的结束标记AppBar移动到第二个struct A { int i ; }; template< typename T > struct B { T i ; }; struct C : public B<int> { }; const A AA = { 1 }; // OK const C CC = { 1 }; // ERROR 的结束标记下方。

Answer 2

您需要添加以下CSS：

.MuiPaper-elevation4 {
  top: 64px;
}
.MuiAppBar-positionSticky {
  position: fixed;
}

分叉的codebox here