uni-app scroll-view show-scrollbar 在h5上可使用但默认是true

uni-app scroll-view show-scrollbar 在h5上可使用但默认是true

操作步骤：

1

预期结果：

h5默认不展示scrollbar

实际结果：

h5默认展示scrollbar

bug描述：

scorll-view show-scrollbar h5可以使用,但是默认是true,文档上说的是仅app-nvue可以使用且默认是false,希望可以统一一下

1 回复

更多关于uni-app scroll-view show-scrollbar 在h5上可使用但默认是true的实战教程也可以访问 https://www.itying.com/category-93-b0.html


在 uni-app 中，scroll-view 组件用于实现可滚动区域。show-scrollbar 属性用于控制是否显示滚动条。在 H5 平台上，show-scrollbar 属性默认是 true，即默认会显示滚动条。

使用示例

<template>
  <scroll-view scroll-y="true" show-scrollbar="true">
    <!-- 内容 -->
    <view v-for="item in 50" :key="item">Item {{ item }}</view>
  </scroll-view>
</template>

说明

  • scroll-y="true"：允许垂直滚动。
  • show-scrollbar="true"：显示滚动条。

注意事项

  1. 平台差异：show-scrollbar 属性在 H5 平台上有效，但在其他平台（如微信小程序、App 等）可能无效或表现不同。
  2. 默认值：在 H5 平台上，show-scrollbar 默认是 true，所以即使你不显式设置 show-scrollbar="true"，滚动条也会显示。
  3. 隐藏滚动条：如果你想隐藏滚动条，可以将 show-scrollbar 设置为 false。
<scroll-view scroll-y="true" show-scrollbar="false">
  <!-- 内容 -->
  <view v-for="item in 50" :key="item">Item {{ item }}</view>
</scroll-view>
回到顶部