ホームページ >ウェブフロントエンド >uni-app >uniappでスクロールバーを非表示にする方法

uniappでスクロールバーを非表示にする方法

coldplay.xixi
coldplay.xixiオリジナル
2020-12-09 15:27:2911034ブラウズ

Uniapp のスクロール バーを非表示にする方法: 1. 現在のページにはスクロール バーが表示されません。コードは ["app-plus":{"scrollIndicator":"none"}] です。2. スクロール バーは表示されます。 APP ページのスクロール バーには表示されません。コードは ["app-plus":{"scrollIndicato] です。

uniappでスクロールバーを非表示にする方法

このチュートリアルの動作環境: Windows7システム、uni-app2.5.1 バージョン、Dell G3 コンピューター

推奨 (無料): uni-app 開発チュートリアル

uniapp の非表示スクロール バー メソッド:

uni-app スクロール バーを非表示にし、表示しない

//在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页面都不显示滚动条
}
}
}

関連する無料学習の推奨事項: プログラミングビデオ

以上がuniappでスクロールバーを非表示にする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。