uniapp隐藏滚动条

在UniApp中隐藏滚动条可以通过以下几种方法实现，具体根据使用场景选择：

全局样式设置（APP/H5）

通过修改全局CSS样式隐藏滚动条，适用于所有页面：

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

单页面样式设置

在特定页面的<style>标签中添加以下代码：

page {
  overflow-y: hidden;
}
.scroll-view {
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}

组件级控制（scroll-view）

使用scroll-view组件时，通过CSS隐藏滚动条：

<scroll-view scroll-y class="no-scrollbar"></scroll-view>

对应样式：

.no-scrollbar::-webkit-scrollbar {
  display: none;
}

NVUE页面特殊处理

在NVUE页面中，需使用特定属性：

<list scroll-direction="vertical" show-scrollbar="false"></list>
<scroller scroll-direction="vertical" show-scrollbar="false"></scroller>

平台差异说明

• H5/微信小程序：::-webkit-scrollbar伪类有效
• APP-NVUE：必须使用show-scrollbar属性
• 支付宝小程序：部分版本需设置-webkit-overflow-scrolling: touch

注意事项：

• 部分安卓机型可能需要额外设置overflow: -moz-scrollbars-none
• 真机调试时可能出现滚动条闪动现象，建议配合scroll-with-animation属性使用