如何解决Vuetify:为滚动条保留空间
我有一个<v-navigation-drawer>
,其中包含多个<v-cards>
。单击按钮时,会出现更多的卡,并且它们会溢出屏幕。因此会出现一个滚动条。问题在于,这会更改卡的宽度,从而使过渡效果看起来很糟糕。
是否有一种方法已经为滚动条保留了空间,或者将其覆盖在卡的顶部,而不是使其改变卡的宽度?
我已经尝试过与overflow-y
一起玩,但是还没有找到一个能正常工作的人...
这是我的问题的示例代码:
<template>
<div>
<v-navigation-drawer app left width="450" clipped>
<v-card>
<img src="https://pbs.twimg.com/profile_images/875996174305472512/upM71pVR.jpg" />
</v-card>
<v-card>
<v-btn @click="showImage = !showImage">Show Image</v-btn>
</v-card>
<v-card v-if="showImage">
<img src="https://i.pinimg.com/originals/5b/b4/8b/5bb48b07fa6e3840bb3afa2bc821b882.jpg" />
</v-card>
</v-navigation-drawer>
</div>
</template>
<script>
export default {
name: "TopBar",data: () => ({
showImage: false
})
};
</script>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。