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

1. //隐藏滚动条

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

2. 官方推荐使用 (安卓、ios都有效)

官方文档：https://developers.weixin.qq.com/miniprogram/dev/component/scroll-view.html

1. show-scrollbar: 滚动条显隐控制 (同时开启 enhanced 属性后生效)
2. enhanced: 启用 scroll-view 增强特性，启用后可通过 ScrollViewContext 操作 scroll-view

<scroll-view enhanced="{{true}}" show-scrollbar="{{false}}" scroll-x>
   <view
    wx:for="{{12}}"
    wx:key="item"
    data-item="{{item}}"
    >{{ item }}</view>
 </scroll-view>