小程序scroll-view滚动条去除

scroll-view滚动条去除

最近有个需求是需要去除scroll-view的横向滚动条，网上搜出来的千变一律的解决方案是通过如下css代码解决。

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

然而本人亲测，毫无卵用，真正的解决方案是通过在scroll-view外面加一层父元素view，然后设置scroll-view的高度稍微高一点，再设置父元素view的高度为想要的高度，加上overflow:hidden隐藏子元素高出的部分，从而实现隐藏滚动条。

// Taro代码
<View style={{height: '100rpx', overflow: 'hidden'}}>
    <ScrollView style={{height: '120rpx'}}></ScrollView>
</View>

隐藏纵向滚动条同理