uniappでページスクロールバーをキャンセルする方法

ページ スクロール バーをキャンセルするための Uniapp メソッド: 1. [app.vue] ページでグローバル CSS スタイル属性を設定します; 2. [page.json] でデフォルト属性を設定します、コードは ["スクロールインジケーター": "なし"]。

このチュートリアルの動作環境: Windows7 システム、uni-app2.5.1 バージョン、DELL G3 コンピューターこの方法は、すべてのブランドのコンピューターに適しています。

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

uniappページ スクロール バーをキャンセルする方法:

最初の方法

app.vue ページにグローバル CSS スタイル属性を設定する

//第一种
scroll-view ::-webkit-scrollbar {  
    display: none !important;  
    width: 0 !important;  
    height: 0 !important;  
    -webkit-appearance: none;  
    background: transparent;  
}
//第二种
::-webkit-scrollbar{
  display: none;
}

2 番目の方法

page.json でデフォルトの属性を設定する

//第一种 这是app的不显示滚动条可以在当前页面中添加
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
}
//也可以直接（不知道生效不生效，我俩种全搞上）
"scrollIndicator": "none"
//示例代码
{
"path": "pages/content/index",
"style": {
"navigationBarTitleText": "",
"app-plus":{
"scrollIndicator":"none" //当前页面不显示滚动条
},
"scrollIndicator": "none"
}
}
//第二种 直接全局搞就ok  
"globalStyle": {
"navigationBarTextStyle": "black",
"navigationBarTitleText": "我是王小白",
"navigationBarBackgroundColor": "#F8F8F8",
"backgroundColor": "#F8F8F8",
"scrollIndicator": "none",
"app-plus":{
"scrollIndicator":"none" //全局 在APP页面都不显示滚动条
}
}

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

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