如何在 Nuxt2 中隱藏滾動條但留下一個用於描述？

Question

問題

我想隱藏所有頁面的滾動條（有效），但只顯示一個描述部分。

我試過的

我在add.scroller里，盡量只為description顯示。 它沒有用。

代碼

<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>

期望隱藏所有滾動條，但為特定頁面的描述部分保留一個。

Answer 1

發布問題后出現了一種解決方案：只需添加以下內容即可。

所以我仍然保留需要滾動條的部分（v-col）。

代碼

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