vue.js 如何隐藏滚动条,但留下一个说明在Nuxt2?

yhqotfr8  于 2023-01-21  发布在  Vue.js
关注(0)|答案(1)|浏览(160)
    • 问题所在**

我想隐藏滚动条从所有的网页(这工程),但只显示一节的说明。
"我所尝试的"
我添加了. 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>
    • 预期**隐藏所有滚动条,但保留一个滚动条用于特定页面中的描述部分。
blmhpbnm

blmhpbnm1#

一个解决方案刚刚出来后,张贴的问题:只需将以下内容添加到。
所以我仍然保留了需要滚动条的部分(v列)。

代码

<style>
    body::-webkit-scrollbar {
        display: none;
    }
</style>

相关问题