微信小程序如何隐藏scroll-view滚动条 - WXOPEN Club

::-webkit-scrollbar {

width: 0;

height: 0;

color: transparent;

}

scroll-view 使用上述代码无法隐藏滚动条，ios 上有的时候有，有的时候没有

8 回复

bdu1 楼6 年前

上面把宽拉大再禁止左右滑动，确实可行，但还是会有点问题，不能完美解决

dguo2 楼6 年前

怎么解决，指导一下

weixiang3 楼6 年前

加了这段代码以后,所有有关 scroll-view 的组件样式全乱了,糟心呐

qiufang4 楼6 年前

请问怎么弄的，没看懂

yejie5 楼6 年前

解决了，谢谢

fzhao6 楼6 年前

如果是页面的话，可以给容器定高,同时给大于页面宽的width

```

.container{

width:900rpx;

height:100vh；

overflow-x:hidden;

}

```

rshi7 楼6 年前

尝试子元素可滚动，宽度比视窗宽度略宽，右边有 padding。然后父元素限制横向滚动，宽度为视窗宽度，overflow hidden。

pengming8 楼5 年前

谢谢