DCloud_UNI_GSQ
DCloud_UNI_GSQ
  • 发布:2019-07-03 12:27
  • 更新:2023-12-28 18:08
  • 阅读:22240

隐藏 scroll-view 组件的滚动条

分类:uni-app

App.vue 增加如下样式可以去除 scroll-view 组件的滚动条(不支持nvue页面)

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

注意:
iOS 13 以下的系统,当滚动区域设置了-webkit-overflow-scrolling: touch;时(必须设置,否者几乎无法滚动),::-webkit-scrollbar 相关属性会失效,iOS 13 已经修复了此Bug。

10 关注 分享
wenju SimpleJalon 1***@qq.com 9***@qq.com sonicsunsky x***@163.com l***@163.com Isaymore 喜欢技术的前端 DCloud_UNI_HRK

要回复文章请先登录注册

9***@qq.com

9***@qq.com

回复 DCloud_UNI_GSQ :
都不是,安卓打包成uni小程序
2020-12-04 10:47
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 9***@qq.com :
nvue或者iOS吗?
2020-12-03 19:29
9***@qq.com

9***@qq.com

回复 9***@qq.com :
在H5平台可以隐藏,uni小程序中不行
2020-12-03 18:41
9***@qq.com

9***@qq.com

打包成uni小程序wgt包该方法未生效,滚动条依然存在,有没有解决方案,急。。。。。
2020-12-03 18:38
6***@qq.com

6***@qq.com

回复 DCloud_UNI_GSQ :
好的,谢谢官方大大
2020-10-23 10:14
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 6***@qq.com :
有好办法,肯定就写了啊
2020-10-22 18:17
6***@qq.com

6***@qq.com

回复 DCloud_UNI_GSQ :
ios12.4.8有啥办法么。官方大大
2020-10-22 17:54
6***@qq.com

6***@qq.com

APP端下IOS 12.4.8无效
2020-10-22 17:54
objcat

objcat

说一下 这个方法在iOS13.4真机/模拟器上亲测是有效的 在iOS11上是无效的
2020-08-13 17:15
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 270315475 :
iOS 13已经修复此bug
2020-07-22 18:37