【问题标题】:How do I make the body of a v-card (so the v-card-text) scrollable?如何使 v-card 的正文(因此 v-card-text)可滚动?
【发布时间】:2020-02-24 01:20:24
【问题描述】:

基本上,我想做一些类似于here 显示的事情,但不是在对话框中。

在链接中,它是一个对话框面板,卡片主体可以滚动,但我希望在页面上的任何特定 v-card 上发生这种情况,而不是对话框。当我将overflow-y: auto; 应用于 v-card 时,v-card-title 也会向上滚动。当我将overflow-y: auto; 应用于 v-card 中的任何其他内容时,没有任何变化。我正在使用 vue 和 vuetify,但我愿意添加一个新的依赖项,如果它能让这项工作正常工作并且看起来不错。提前致谢!

【问题讨论】:

    标签: vue.js scroll vuetify.js


    【解决方案1】:

    您是否尝试过赋予 v-card 高度或最大高度样式?

    【讨论】:

    • 这只有在我知道 v-card 的高度时才有效。我的卡片高度是由我的依赖项之一设置的(因此它在渲染时是静态的),但我不知道如何获取它。
    猜你喜欢
    • 2020-08-21
    • 2018-03-28
    • 2020-02-22
    • 2020-11-18
    • 2022-06-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2019-11-10
    相关资源
    最近更新 更多