小程序scroll-view滚动条去除

scroll-view滚动条去除

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

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

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

// Taro代码

    

隐藏纵向滚动条同理

你可能感兴趣的:(小程序scroll-view滚动条去除)