我使用v-toolbar,但当我向下滚动时,它消失了.基本上我想要一个黏糊糊的标题.

这基本上是我的代码.

<div id="app">
  <v-app>
    <v-toolbar dense>
    <v-toolbar-side-icon></v-toolbar-side-icon>
    <v-toolbar-title>Title</v-toolbar-title>
    <v-spacer></v-spacer>
    <v-toolbar-items class="hidden-sm-and-down">
      <v-btn flat>Link One</v-btn>
      <v-btn flat>Link Two</v-btn>
      <v-btn flat>Link Three</v-btn>
    </v-toolbar-items>
  </v-toolbar>
   <main>
     <h1 v-for="n in 20" :key="n">{{n}}</h1>
    </main>
  </v-app>
</div>

推荐答案

Edit: Vuetify version 1.5:

你只需要在你的v-toolbar中加上fixed就可以确定位置,所以:

<v-toolbar dense fixed>

您可以查看文档here

Version 2.0.0

Change from vuetify version 1.5 :

v-app-bar:为了更好地扩展v-toolbar的功能而创建的全新组件.v-toolbar中所有现有的滚动技术和应用程序功能都已被移动.新的滚动技术,如折叠栏,滚动收缩和更多已被添加.

<v-app-bar fixed>将修复工具栏.Documentation

Vue.js相关问答推荐

复选框列未在vutify中排序

将Vite Vuejs应用部署到Apache服务器

如何防止Nuxt3重新加载时滚动跳到网页顶部

我需要在 nuxt2 上使用 /index 作为 url 的一部分

通过元素加中的正则表达式输入电话号码格式

在重复表行中

如何在 Vue.js 中添加动态组件/部分

在 Vue 中,如何使用 npm run build 将 .htaccess 包含到生产环境中?

根据 URL 有条件地隐藏视图组件

如何更新手动安装的 vue 组件上的props?

vuejs 中的单元测试

如何从 vue.js 中的自定义组件中冒泡点击事件?

如何将 Angular 和 Vue 项目合并在一起?

使用 Spring Boot(VueJS 和 Axios 前端)禁止发布 403 帖子

过渡后的 v-if 下方的过渡元素

更改时(change)调用函数

如何在 Vuetify DataTable 组件中设置初始每页行数值?

Vue v-model 不响应 BS4 单选按钮组

使用 vuex-persistedstate 仅使一个模块持久化

vuejs 中缺少 webpack 配置