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

coldplay.xixi
リリース: 2023-01-13 00:44:16
オリジナル
10830 人が閲覧しました

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 サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!