有纵向滚动条的功能，但是不显示滚动条怎么办

Question

                <view class="view-scroll">
                    <view style="margin-top: 20px;" v-for="(item,index) in alarmInfo" :key="index">
                        <uni-icons type="sound" size="20" style="color: #F86E21;"></uni-icons>
                        <text>{{ item.value }}</text>
                        <uni-icons type="closeempty" size="20" style="color: #F86E21; float: right;" @click="goCross(item)"></uni-icons>
                    </view>
                </view>

<style>
.view-scroll {
    height: 200px; /* 设置容器高度 */
    overflow-y: auto; /* 允许纵向滚动 */
    border: 1px solid #ccc; /* 边框样式 */
    margin-top: 5px; /* 上边距 */
    padding: 5px; /* 内边距 */
}

/* 针对 WebKit 浏览器的滚动条样式 */
.view-scroll::-webkit-scrollbar {
    width: 80px; /* 滚动条宽度 */
}

.view-scroll::-webkit-scrollbar-thumb {
    background-color: #F86E21; /* 滚动条颜色 */
    border-radius: 4px; /* 圆角 */
}

.view-scroll::-webkit-scrollbar-track {
    background-color: #f1f1f1; /* 滚动条轨道颜色 */
}

/* 针对 Firefox 的滚动条样式 */
.view-scroll {
    scrollbar-width: thin; /* 滚动条宽度 */
    scrollbar-color: #F86E21 #f1f1f1; /* 滚动条颜色和轨道颜色 */
}
</style>

有纵向滚动条的功能，但是不显示滚动条怎么办？

Answer 1

多加一个样式：（答题不易，还请采纳！）

.view-scroll {
    overflow-y: scroll; /* 强制显示纵向滚动条 */
}