How to hide the scroll bar in uniapp

Uniapp's method of hiding scroll bars: 1. The current page does not display the scroll bar, the code is ["app-plus":{"scrollIndicator":"none"}]; 2. It does not display on the APP page Scroll bar, the code is ["app-plus":{"scrollIndicato].

The operating environment of this tutorial: windows7 system, uni-app2.5.1 version, Dell G3 computer.

Recommended (free): uni-app development tutorial

uniapp hidden scrolling Bar method:

uni-app Hide the scroll bar and do not display it

//在page.json
{
"pages": [ //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
{
"path": "pages/index/index",
"style": {
"navigationBarTitleText": "uni-app",
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
}
}
}
],
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "uni-app",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"app-plus":{
"scrollIndicator":"none" //全局 在APP页面都不显示滚动条
}
}
}

Related free learning recommendations: Programming video

The above is the detailed content of How to hide the scroll bar in uniapp. For more information, please follow other related articles on the PHP Chinese website!