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

隐藏 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

要回复文章请先登录注册

Lgt

Lgt

回复 DCloud_UNI_GSQ :
ios还是无效啊?更新了什么?
2019-07-31 14:39
1***@qq.com

1***@qq.com

ios无效,安卓本来也没有
2019-07-25 16:15
wenju

wenju

能够在具体的页面或组件中隐藏scroll-view的滚动条吗?
2019-07-22 13:52
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 y***@163.com :
已经更新
2019-07-12 16:12
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 易米 :
已经更新
2019-07-12 16:12
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 y***@163.com :
已经更新
2019-07-12 16:12
y***@163.com

y***@163.com

ios设置后无效
2019-07-12 01:35
1***@qq.com

1***@qq.com

+1
2019-07-10 18:02
易米

易米

ios的浏览器Safari设置无效 还是有滚动条
2019-07-10 17:51