如何在 Vuetifyjs 中保持标签页的屏幕外滚动工具栏？

【问题标题】：How to do a scroll toolbar off screen keeping the tabs in Vuetifyjs?如何在 Vuetifyjs 中保持标签页的屏幕外滚动工具栏？
【发布时间】：2018-05-08 07:00:07
【问题描述】：

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

Vuetify 的 v-toolbar 有这个属性 scroll-toolbar-off-screen，上面写着 Will transition the toolbar off screen when scrolling down 但似乎不起作用。

有人可以实现吗？

【问题讨论】：

标签： vuetify.js

【解决方案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>

【讨论】：