Vuetify - 修复了带有绝对页脚的 NavigationDrawer 会留下不必要的空间

Question

我正在使用 Vuetify 并希望v-navigation-drawer和v-toolbar固定到视口但v-footer不是，即只有在滚动到页面底部时才会出现的场景。

我已将fixed道具应用于抽屉和工具栏，它们很好地粘在视口上。我还将absolute道具添加到页脚，使其出现在页面的最底部。

然而，即使页脚不在视图中，抽屉在末端留下了“固定”页脚会占用的空间，这看起来不正确。

截屏：

当我滚动到底部时，页脚占用了为它留下的空间：

我该如何解决这个问题？

Answer 1

这很hacky，但我通过添加app&inset并删除左侧填充来修复它，.pl-0如下所示：

<v-navigation-drawer
      v-model='state.drawerOpen'
      fixed
      app >

    <v-list >

    </v-list>

    <v-footer class="justify-center pl-0" inset app>
      <span>&copy; 2018</span>
    </v-footer> 

</v-navigation-drawer>

CodePen 中的演示

Answer 2

[Bug Report] v-footer leaves v-navigation-drawer too short when inset #4686

看到这个github问题critical，我相信你已经发现了一个inProgress14天前已经被标记的bug 。这是该错误的 codepen 演示。