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

隐藏 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 喜欢技术的前端 HRK_01

要回复文章请先登录注册

270315475

270315475

无效 我也是ios
2020-07-18 17:45
p***@163.com

p***@163.com

回复 DCloud_UNI_GSQ :
亲测,这个隐藏滚动条的css无效,APP端,IOS,12.4.7
2020-07-17 09:32
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 请叫我九爷 :
iOS 版本多少
2020-07-14 12:09
请叫我九爷

请叫我九爷

回复 DCloud_UNI_GSQ :
ios 当然是app 了
2020-07-11 16:12
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 请叫我九爷 :
app还是h5?
2020-06-22 17:37
请叫我九爷

请叫我九爷

回复 DCloud_UNI_GSQ :
ios 无效
2020-06-19 13:56
请叫我九爷

请叫我九爷

没效果
2020-06-19 13:55
花加技术

花加技术

设置也是没有效果,安卓是正常的不出现滚动条,ios不行,可以修复吗
2020-06-18 15:52
1***@163.com

1***@163.com

亲测ios无效
2020-01-15 15:37
lujw

lujw

组件也可以的,将组件的style格式改成scss
2019-12-25 16:13