UniApp或微信小程序中scroll-view组件使用show-scrollbar在真机Android或IOS中隐藏不了滚动条的解决办法

show-scrollbar 属性 不论是使用 变量 还是直接使用 布尔值或者直接使用 css 都是在 ios、Android 上是都没有效果。。
在这里插入图片描述
在这里插入图片描述

真机中还是出现滚动条

在这里插入图片描述

解决办法

添加下面CSS

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

在这里插入图片描述

真机实测没有出现滚动条

在这里插入图片描述

最近更新

  1. TCP协议是安全的吗?

    2024-06-13 21:40:03       18 阅读
  2. 阿里云服务器执行yum,一直下载docker-ce-stable失败

    2024-06-13 21:40:03       19 阅读
  3. 【Python教程】压缩PDF文件大小

    2024-06-13 21:40:03       18 阅读
  4. 通过文章id递归查询所有评论(xml)

    2024-06-13 21:40:03       20 阅读

热门阅读

  1. 使用Kube-Bench对Kubernetes进行安全检测

    2024-06-13 21:40:03       11 阅读
  2. PyQt5 强制退出进程

    2024-06-13 21:40:03       10 阅读
  3. jquery.PrintArea.js 设置不打印

    2024-06-13 21:40:03       11 阅读
  4. Linux 和 分区

    2024-06-13 21:40:03       11 阅读
  5. node express配置redis

    2024-06-13 21:40:03       8 阅读
  6. D. Yet Another Minimization Problem(dp,数学公式推导)

    2024-06-13 21:40:03       17 阅读
  7. MT1318 完美平方

    2024-06-13 21:40:03       10 阅读