scroll-view滾動(dòng)條去除

最近有個(gè)需求是需要去除scroll-view的橫向滾動(dòng)條，網(wǎng)上搜出來(lái)的千變一律的解決方案是通過(guò)如下css代碼解決。

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

然而本人親測(cè)，毫無(wú)卵用，真正的解決方案是通過(guò)在scroll-view外面加一層父元素view，然后設(shè)置scroll-view的高度稍微高一點(diǎn)，再設(shè)置父元素view的高度為想要的高度，加上overflow:hidden隱藏子元素高出的部分，從而實(shí)現(xiàn)隱藏滾動(dòng)條。

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

隱藏縱向滾動(dòng)條同理