Ionic 6 の Ionic モード内のスクロールバーのスタイル設定: ステップバイステップ ガイド
P粉547362845
P粉547362845 2024-01-04 20:51:07
0
1
510

ion-modal には、コンテンツがオーバーフローした場合に表示されるデフォルトのスクロールバーがあります。スクロールバーのスタイルを変更したい。

::-webkit-scrollbar、::-webkit-scrollbar-track、::-webkit-scrollbar-thumb を使用してアプリケーションでスクロールバーのスタイルを設定できますが、モーダルでは機能しないようです。これらの要素をモーダル内の複数のコンポーネント (ion-content::-webkit-scrollbar など) に適用しようとしましたが、機能しません。

P粉547362845
P粉547362845

全員に返信(1)
P粉670107661

Ionic 6 の Ionic モード内でスクロールバーのスタイルを設定する一般的な方法は次のとおりです。

  1. イオンモードのコンテンツを内部にラップします

以下に示すようにタグを付けます

リーリー
  1. 次に、スクロールバーの次の CSS をグローバル CSS ファイルに追加します。

    リーリー

ion-modal ではスクロールは次のようになります

いいねを押す +0
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート