uniapp secrll-view隐藏横向滚动条

你可以在 `scroll-view` 组件上设置 `scroll-x` 属性为 `true`，然后在 `scroll-view` 的样式中设置 `::-webkit-scrollbar` 的 `display` 属性为 `none`，即可隐藏横向滚动条。

示例代码如下：

<scroll-view scroll-x="true" style="overflow: hidden;">
  <!-- 横向滚动内容 -->
</scroll-view>

<style>
  scroll-view::-webkit-scrollbar {
    display: none;
  }
</style>

需要注意的是，这种方式只能隐藏滚动条的样式，但用户仍然可以通过手势或鼠标滚轮来进行横向滚动。如果需要完全禁止横向滚动，可以在 `scroll-view` 上设置 `scroll-with-animation` 属性为 `false`，并在其子元素上设置 `white-space: nowrap` 属性，使其内容不换行。

相关问题

uniapp scroll-view 怎么隐藏滚动条

在 uniapp 的 scroll-view 中，可以通过设置 `scroll-y` 属性为 `true` 来开启纵向滚动，同时设置 `scroll-with-animation` 属性为 `false` 来关闭滚动条的动画效果，然后在 `scroll-view` 组件上添加 `::-webkit-scrollbar` 伪类来设置滚动条的样式，如下所示：

<scroll-view class="scroll" scroll-y scroll-with-animation="false">
  <!-- scroll-view内容 -->
</scroll-view>

.scroll::-webkit-scrollbar {
  width: 0 !important;
  height: 0 !important;
}

上述代码中，我们设置了滚动条的宽度和高度均为 0，这样就隐藏了滚动条。同时需要注意，为了保证样式生效，需要将样式放在全局或者组件的 style 标签中。

uniapp 隐藏scroll-view横向滚动条

在 uni-app 中，可以使用 `scroll-view` 组件来实现滚动功能。要隐藏 `scroll-view` 组件的横向滚动条，可以通过以下步骤进行设置：

1. 在 `scroll-view` 组件上设置 `scroll-x` 属性为 `true`，表示允许横向滚动。

2. 在 `scroll-view` 组件上设置 `scroll-with-animation` 属性为 `false`，表示滚动时不使用动画效果。

3. 在 `scroll-view` 组件上设置 `style` 样式，将 `overflow-x` 属性设置为 `hidden`，表示隐藏横向滚动条。

示例代码如下：

<scroll-view scroll-x="true" scroll-with-animation="false" style="overflow-x: hidden;">
  <!-- 横向滚动内容 -->
</scroll-view>

这样设置后，`scroll-view` 组件的横向滚动条就会被隐藏起来。需要注意的是，虽然用户看不到横向滚动条，但是用户仍然可以通过手势或鼠标滚轮进行横向滚动。如果需要禁止横向滚动，可以在 `scroll-view` 组件上设置 `disable-scroll` 属性为 `true`。