Home>Article>Web Front-end> How to hide the scroll bar in uniapp

How to hide the scroll bar in uniapp

coldplay.xixi
coldplay.xixi Original
2020-12-09 15:27:29 10906browse

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].

How to hide the scroll bar in uniapp

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn