検索

ホームページ  >  に質問  >  本文

Ionic 6 の Ionic モード内のスクロールバーのスタイル設定: ステップバイステップ ガイド

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

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

P粉547362845P粉547362845367日前519

全員に返信(1)返信します

  • P粉670107661

    P粉6701076612024-01-05 09:42:15

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

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

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

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

      リーリー

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

    返事
    0
  • キャンセル返事