侧边栏阻止滚动和所有页面

Question

我创建了一个边栏，该边栏在激活时覆盖了页面的其余部分。 我希望无论侧边栏是否处于激活状态都能够操纵页面。 我正在使用Vuetify。 这是我的代码。 https://www.codeply.com/p/mXNElmC56h
我认为可以使用CSS完成。
谢谢

Answer 1

根据docs，只需从temporary元素中删除<v-navigation-drawer/>道具。

<v-navigation-drawer v-model="drawer" absolute>
  ...
</v-navigation-drawer>

这里是一个示例demo。

另外，请注意，根据文档，temporary道具将始终应用于较小的屏幕。

Answer 2

我必须这样做。 “隐藏叠加层”道具。

<v-navigation-drawer
    v-model="drawer"
    fixed
    temporary
    hide-overlay
  >
</v-navigation-drawer>