overflow:scroll的滚动条怎么隐藏

可以使用CSS中的`::-webkit-scrollbar`伪元素来隐藏`overflow:scroll`的滚动条，具体代码如下：

::-webkit-scrollbar {
  width: 0;
  height: 0;
}

这样就可以隐藏滚动条了。但需要注意的是，这种方法只能隐藏Webkit内核浏览器（比如Chrome、Safari）中的滚动条，其他浏览器可能需要使用不同的方法来实现滚动条的隐藏。

相关问题

overflow:scroll滚动条失灵

如果overflow:scroll滚动条失灵，可能是以下原因之一：

1. 未设置固定高度：在使用overflow:scroll时，容器需要设置固定高度，否则滚动条将无法正常工作。

2. 内容大小不足容器高度：如果容器内的内容大小不足容器高度，滚动条将不会出现。可以通过添加更多的内容或者设置最小高度来解决此问题。

3. 使用了position属性：如果容器使用了position属性，滚动条可能会失灵。可以尝试使用其他布局方式，如flexbox或grid。

4. 浏览器兼容性问题：某些浏览器可能不支持overflow:scroll，或者可能存在一些兼容性问题。可以尝试使用其他属性或者JavaScript库来实现滚动条。

使用uniapp的样式属性overflow:scroll滚动条样式修改

在uniapp中，可以通过以下方式修改滚动条样式：

1. 在全局样式中定义滚动条样式，如下所示：

::-webkit-scrollbar {
  width: 6px;
  height: 6px;
  background-color: #f5f5f5;
}
 
::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: #c1c1c1;
}

2. 在需要使用滚动条的组件中，添加 `overflow: scroll` 样式，如下所示：

.scroll-wrapper {
  overflow: scroll;
}

3. 如果需要修改滚动条的颜色、大小、形状等属性，可以在 `::-webkit-scrollbar` 和 `::-webkit-scrollbar-thumb` 中进行相应的修改。

注意：以上样式只适用于 Webkit 内核的浏览器，如 Chrome、Safari 等。其他浏览器可能需要使用不同的样式属性。