如何使Vuetify.js“滚屏”工具栏起作用？

Question

我正在尝试将“滚动屏幕”行为添加到工具栏

这是代码：

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

<div id="app">
  <v-app id="inspire">
    <v-content>
      <v-toolbar
      absolute
      color="teal lighten-3"
      dark
      scroll-off-screen
    >
      <v-toolbar-side-icon></v-toolbar-side-icon>
      <v-toolbar-title>Title</v-toolbar-title>
    </v-toolbar>
      <div style="height:1500px"></div>
    </v-content>
  </v-app>
</div>

在示例页面上显示：

对于此示例，您的应用程序中不需要特殊标记。

但是我到底不需要什么呢？如何使此代码起作用？

Answer 1

你需要添加 fixed和app道具v-toolbar部件（删除absolute道具）