uniapp去除滚动条的方法
第一种在app.vue的页面中设置全局css样式属性//第一种scroll-view ::-webkit-scrollbar {display: none !important;width: 0 !important;height: 0 !important;-webkit-appearance: none;background: transparent;}//第二种::-webkit-scrol
·
第一种
在app.vue的页面中设置全局css样式属性
//第一种
scroll-view ::-webkit-scrollbar {
display: none !important;
width: 0 !important;
height: 0 !important;
-webkit-appearance: none;
background: transparent;
}
//第二种
::-webkit-scrollbar{
display: none;
}
第二种
在page.json设置默认属性
//第一种 这是app的不显示滚动条可以在当前页面中添加
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
}
//也可以直接(不知道生效不生效,我俩种全搞上)
"scrollIndicator": "none"
//示例代码
{
"path": "pages/content/index",
"style": {
"navigationBarTitleText": "",
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
},
"scrollIndicator": "none"
}
}
//第二种 直接全局搞就ok
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我是王小白",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"scrollIndicator": "none",
"app-plus":{
"scrollIndicator":"none" //全局 在APP页面都不显示滚动条
}
}
不过不知道为啥有些页面这些不起效果,小白我真的无能为力了,前端路漫漫,未进者慎重慎重!!!
更多推荐
已为社区贡献7条内容
所有评论(0)