如何在屏幕上滚动工具栏，保留Vuetifyjs中的标签？

Question

我想在向下滚动时保持标签显示在顶部。

Vuetify v-toolbar有这个道具scroll-toolbar-off-screen说Will transition the toolbar off screen when scrolling down但似乎不起作用。

有人能够实现这个吗？

Answer 1

您还需要设置scroll-threshold，它可以是一个硬编码的高度或一个元素的ID（我很难让后者工作）：

<v-toolbar app scroll-off-screen scroll-threshold="65">
  <v-toolbar-title>Title</v-toolbar-title>
  <v-spacer></v-spacer>
  <v-btn icon>
    <v-icon>apps</v-icon>
  </v-btn>
</v-toolbar>