- 问题所在**
我想隐藏滚动条从所有的网页(这工程),但只显示一节的说明。
"我所尝试的"
我添加了. scroller,尝试只显示描述。它不起作用。
- 代码**
<template>
<v-col md="6" sm="12" class="scroller ">
<v-row class="mx-auto" v-if="description.length > 0">
<div>
<span>
/* some description */
</span>
</div>
</v-row>
</v-col>
</template>
<style>
.scroller {
display: inline-block;
overflow-y: scroll;
scrollbar-color: rebeccapurple green;
}
::-webkit-scrollbar {
width: 0.8rem;
}
::-webkit-scrollbar-track {
background: #f1f1f1;
}
::-webkit-scrollbar-thumb {
background: #888;
}
::-webkit-scrollbar-thumb:hover {
background: #555;
}
</style>
- 预期**隐藏所有滚动条,但保留一个滚动条用于特定页面中的描述部分。
1条答案
按热度按时间blmhpbnm1#
一个解决方案刚刚出来后,张贴的问题:只需将以下内容添加到。
所以我仍然保留了需要滚动条的部分(v列)。
代码