微信小程序scroll-view去掉滚动条

微信小程序scroll-view去掉滚动条

解决方案一：

微信官方文档上面给出了显示和隐藏滚动条的属性 show-scrollbar ，把该属性设置为false，文档要求使用该属性要开启 enhanced 属性，把这个属性设置为true即可；

<scroll-view
	  class="wrap"
	  scroll-y
      enhanced
      :show-scrollbar="false">
</scroll-view>

解决方案二：

通过CSS设置滚动条隐藏：

值得注意的是： ::-webkit-scrollbar前要有 scroll-view 的标签名 或者 类名；

scroll-view ::-webkit-scrollbar {
	  display:none;
	  width:0;
	  height:0;
	  color:transparent;
	}