scroll-view 怎么显示纵向滚动条

在小程序中，scroll-view组件默认会根据内容的大小自动显示滚动条。如果你想强制显示纵向滚动条，可以在scroll-view组件上添加以下样式：

scroll-view::-webkit-scrollbar {
  width: 5px; /* 设置滚动条宽度 */
}

scroll-view::-webkit-scrollbar-thumb {
  background-color: #999; /* 设置滚动条颜色 */
}

其中，`::-webkit-scrollbar`用于设置滚动条的样式，`::-webkit-scrollbar-thumb`用于设置滚动条的滑块样式。你可以根据自己的需要来调整样式。

相关问题

uniapp scroll-view 怎么隐藏滚动条

在 uniapp 的 scroll-view 中，可以通过设置 `scroll-y` 属性为 `true` 来开启纵向滚动，同时设置 `scroll-with-animation` 属性为 `false` 来关闭滚动条的动画效果，然后在 `scroll-view` 组件上添加 `::-webkit-scrollbar` 伪类来设置滚动条的样式，如下所示：

<scroll-view class="scroll" scroll-y scroll-with-animation="false">
  <!-- scroll-view内容 -->
</scroll-view>

.scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

上述代码中，我们设置了滚动条的宽度和高度均为 0，这样就隐藏了滚动条。同时需要注意，为了保证样式生效，需要将样式放在全局或者组件的 style 标签中。

uniapp scroll-view的滚动条没见了

如果你使用的是uniapp中的scroll-view组件，在默认情况下是不会显示滚动条的。不过你可以通过设置scroll-view的属性来显示滚动条。

例如，你可以设置`scroll-x`或`scroll-y`为true来启用横向或纵向滚动条：

<scroll-view scroll-x="true">
  <!-- 横向滚动内容 -->
</scroll-view>

<scroll-view scroll-y="true">
  <!-- 纵向滚动内容 -->
</scroll-view>

除了启用滚动条，你还可以通过设置`scroll-bar`属性来自定义滚动条样式。例如：

<scroll-view scroll-x="true" scroll-bar="{{scrollBar}}">
  <!-- 横向滚动内容 -->
</scroll-view>

// 在data中定义scrollBar样式
data: {
  scrollBar: {
    background: "#ccc",
    width: "2px",
    borderRadius: "10px",
    opacity: "0.8",
  },
},

这样就可以自定义滚动条样式了。