如何让Vuetify.js＆＃34;滚动屏幕＆＃34;工具栏工作？

Question

我正在尝试添加＆＃34;滚动屏幕＆＃34;对工具栏的行为

以下是代码：

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>

在example page上说：

  

对于此示例，有一个不需要的特殊标记   你的申请。

但究竟我不需要什么？如何使此代码生效？

Answer 1

您需要在fixed组件上添加app和v-toolbar道具（删除absolute道具）

Answer 2

您应该在工具栏上添加道具：scroll-threshold =“ 1” scroll-off-screen =“ true”