scroll-view滑动条 隐藏

要隐藏 scroll-view 的滑动条，可以在 scroll-view 组件上设置 `scrollbar` 属性为 `false`。

例如，在 WXML 文件中：

<scroll-view class="scroll-view" scrollbar="{{false}}">
  <!-- scroll-view 内容 -->
</scroll-view>

在 CSS 文件中，可以通过 `::-webkit-scrollbar` 伪元素来控制滚动条的样式：

.scroll-view::-webkit-scrollbar {
  display: none;
}

相关问题

解决scroll-view滑动穿透问题

scroll-view滑动穿透问题通常是由于scroll-view的滑动事件与其中的子元素（如按钮）的点击事件冲突所致。解决方法如下：

1. 在scroll-view上添加一个ref属性，并在其上绑定一个touchmove事件，阻止冒泡和默认行为：

<scroll-view ref="scrollView" @touchmove.prevent.stop>

2. 在需要防止穿透的子元素上，也添加一个touchmove事件，并阻止冒泡和默认行为：

<button @touchmove.prevent.stop></button>

3. 在子元素的touchmove事件中，手动触发scroll-view的touchmove事件：

this.$refs.scrollView.$el.dispatchEvent(new TouchEvent('touchmove', {cancelable: true, bubbles: true}));

这样就可以防止scroll-view的滑动事件与子元素的点击事件冲突，从而解决滑动穿透问题。

scroll-view怎么隐藏滚动条

在小程序中，可以使用 `scroll-view` 的 `scroll-view.scroll-y` 属性来控制是否显示垂直方向的滚动条，使用 `scroll-view.scroll-x` 属性来控制是否显示水平方向的滚动条。

如果想隐藏垂直方向的滚动条，可以将 `scroll-view.scroll-y` 属性设置为 `false`。示例代码如下：

<scroll-view scroll-y="false">
  <!-- scroll-view 的内容 -->
</scroll-view>

如果想同时隐藏水平方向和垂直方向的滚动条，可以将 `scroll-view.scroll-x` 和 `scroll-view.scroll-y` 属性都设置为 `false`。示例代码如下：

<scroll-view scroll-x="false" scroll-y="false">
  <!-- scroll-view 的内容 -->
</scroll-view>