vue.js - VuetifyJS - 滚动 v-navigation-drawer

标签 vue.js scroll vuetify.js drawer

我是 VueJs 的新手,我开始从事我的第一个项目,该项目要求我有一个侧面板(抽屉)作为导航栏,并且它始终可见。

到目前为止一切顺利,它看起来和我想要的一模一样。

问题是每次我放很多链接时,抽屉都不会滚动以查看我放在那里的所有链接。

我试过使用 css 但没有任何反应。有没有人对我应该做什么有任何提示?

我只需要当链接超出页面或屏幕较小时抽屉可以滚动。

我所做的是将我的抽屉封闭在一个带有“可滚动”类的 div 中,并添加了以下 css:

.scrollable{ height:100%; overflow:auto;}

我也试过this因为这是我能找到的最接近我的问题的东西

最佳答案

由于 v-navigation-drawer 中的“absolute”关键字,我遇到了同样的问题。尝试删除它,它可能会起作用。

<v-navigation-drawer class="blue-grey lighten-5 height-app" v-model="drawer" temporary app width="310"> </v-navigation-drawer>

关于vue.js - VuetifyJS - 滚动 v-navigation-drawer,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54557135/

相关文章:

javascript - Vue - 防止项目在网格中拖动

ios - 无法在 UICollectionViewController 上平滑滚动以加载大量数据

vue.js - Vue js - 从对话框获取答案以确认导航 w/Vue Router + Vuetify

jquery - 滚动到每个元素的顶部,滚动不起作用

objective-c - NSNotification 滚动 - 用户与编程

typescript - 如何在 Vuetify 3 中导入 TypeScript 类型?

javascript - 如何删除数据表中的特定行?

javascript - 在每个轮盘事件上更改页面

javascript - 为什么即使 Vue 中不存在 el,mounted 钩子(Hook)也会触发?

typescript - 如何导入具有正确类型的 Vue 类组件?