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

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

要回复文章请先登录注册

sanran

sanran

回复 DCloud_UNI_GSQ :
提醒后面的一下,vue和nvue页面混用的时候是会影响到nvue页面的
2019-12-19 15:40
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 sanran :
明明写着:不支持nvue页面
2019-12-19 15:38
sanran

sanran

用了这个之后,所有的nvue页面样式全乱了
2019-12-19 15:36
warm

warm

回复 DCloud_UNI_GSQ :
不太懂什么意思
2019-12-17 16:07
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 warm :
层叠
2019-12-17 14:47
warm

warm

全局样式隐藏后要在单页面内让这个页面的scroll-view组件的滚动条显示出来要怎么解决
2019-12-17 09:50
nicepainkiller

nicepainkiller

进过测试, Android 可以 完全没有,IOS 上下滑动的时候 时有时无
2019-12-10 10:55
2***@qq.com

2***@qq.com

回复 2***@qq.com :
经测试scroll-view如果是放在组件里是无效果的,你scroll-view里面套用组件就可以了
2019-10-09 11:43
DCloud_UNI_GSQ

DCloud_UNI_GSQ (作者)

回复 2***@qq.com :
如果无效,说明一下机型和系统版本
2019-10-08 10:49
2***@qq.com

2***@qq.com

回复 m***@163.com :
解决了吗?
2019-10-08 10:44