Javascript Vuetify应用程序栏位于内容下方。我怎么修理它？

我正在使用Vuetify.js

当我向下滚动时，内容会覆盖应用程序栏

我认为简单地设置z指数会导致很多问题

我的应用程序结构（伪）

..
...
..

只需从

v-app-bar

组件中移除

absolute

道具即可：

<v-app>
  <v-app-bar app  shrink-on-scroll prominent scroll-target"#a">
  <v-sheet id="a" overflow-y-auto>

---

选中此项

只需从

v-app-bar

组件中移除

绝对

道具：

<v-app>
  <v-app-bar app  shrink-on-scroll prominent scroll-target"#a">
  <v-sheet id="a" overflow-y-auto>

---

选中此项

请添加可调试示例，如请提供所有相关代码以演示issue@BoussadjraBrahim谢谢你的建议。jsut add codepen link:Dadd这个CSS规则

.v-sheet{z-index:0；}

@BoussadjraBrahim它工作了！但是设置z-index真的是一个好主意吗？请添加可调试的示例，如请提供所有相关代码来演示issue@BoussadjraBrahim谢谢你的建议。jsut add codepen link:Dadd这个CSS规则

.v-sheet{z-index:0；}

@BoussadjraBrahim它工作了！但设置z指数真的是个好主意吗？