uniapp的滚动条样式隐藏怎么取消

要取消uniapp中滚动条样式的隐藏，可以在全局样式或者页面样式中添加以下代码：

::-webkit-scrollbar {
  display: block;
}

这会覆盖掉默认的滚动条样式，并将其显示出来。注意，这只对webkit内核的浏览器有效，如果需要支持其他浏览器，可以使用类似的样式覆盖代码。

相关问题

uniapp滚动条隐藏

UniApp是一款基于 Vue.js 开发的跨平台应用框架，它允许开发者构建一次代码，发布到多个平台上，如微信小程序、H5、Android 和 iOS 等。如果你想在 UniApp 中隐藏滚动条，你可以通过 CSS 来实现这一效果。下面是一个简单的示例：

<!-- 使用样式覆盖默认滚动条样式 -->
<template>
  <view class="scroll-view">
    <!-- ...你的内容... -->
  </view>
</template>

<style scoped>
.scroll-view {
  overflow-y: hidden; /* 隐藏垂直滚动条 */
  -webkit-scrollbar: none; /* 针对 Webview 内核浏览器，禁用滚动条 */
}
</style>

在这个例子中，`.scroll-view` 类将滚动条的 `overflow-y` 属性设置为 `hidden`，这会隐藏垂直方向的滚动条。同时，`-webkit-scrollbar` 被设为 `none`，针对 Webview 内核的浏览器（如微信小程序的内置浏览器），进一步隐藏了滚动条。

如果你需要在某些情况下显示滚动条，可以添加一些媒体查询或者其他条件来控制其显示与隐藏。

uniapp scroll-view隐藏滚动条怎么隐藏滚动条

在 `scroll-view` 组件上设置 `scroll-y` 属性为 `true`，然后在 `scroll-view` 组件上设置 `::webkit-scrollbar` 样式即可隐藏滚动条。具体实现代码如下：

<scroll-view class="scroll-view" scroll-y="true">
  <!-- scroll-view 内容 -->
</scroll-view>

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