直播软件app开发，uniapp scroll-view隐藏滚动条

直播软件app开发，uniapp scroll-view隐藏滚动条

uni-app的vue页面，app端scroll-view的滚动条设置，可通过css的-webkit-scrollbar自定义，包括隐藏滚动条。（app-nvue无此css）

 

在pages.json页面增加以下配置：

 

1

<br>"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages<br>{<br>"path": "pages/index/index",<br>"style": {<br>"navigationBarTitleText": "index",<br>"app-plus": {<br>"scrollIndicator": "none"//隐藏该页面滚动条<br>}<br>}<br>}<br>],<br>"globalStyle": {<br>"navigationBarTextStyle": "black",<br>"navigationBarTitleText": "uni-app",<br>"navigationBarBackgroundColor": "#F8F8F8",<br>"backgroundColor": "#F8F8F8",<br>"app-plus": {<br>"scrollIndicator": "none"//隐藏所有页面滚动条<br>}<br>}

​

在App.vue页面的style中：

 

1	<br><style><br>/*每个页面公共css */<br>::-webkit-scrollbar {<br>display: none;<br>width: 0 !important;<br>height: 0 !important;<br>-webkit-appearance: none;<br>background: transparent;<br>}<br></style>

 

以上就是直播软件app开发，uniapp scroll-view隐藏滚动条， 更多内容欢迎关注之后的文章