iview の選択ドロップダウン ボックス オプションの位置がずれている場合の対処方法

今回は iview の選択ドロップダウン ボックスのオプションの位置がずれている場合の対処方法を紹介します。 以下は実際的なケースです。見てみましょう。 iview を使用する過程で、

の選択ドロップダウン ボックス コンポーネントを使用する際に、このような問題が発生しました。ただし、ポップアップ ボックスが 1 画面を超えてスクロールする必要がある場合、選択ドロップダウン オプションの位置がずれます (下の図 1 は通常の状態を示し、図 2 はスクロール後に位置がずれたドロップダウン オプションを示しています)。 :

コンポーネントコードを分析した結果、次のスタイルが見つかりました:

.ivu-modal .ivu-select-dropdown {
  position: absolute !important;
}

ドロップ-down ボックス 解決策は、作成者の元のスタイルを上書きすることです。 しかし、残念なことに、作成者は!重要を追加し、優先度

body .ivu-modal .ivu-select-dropdown{
 position: fixed !important;
}

jQuery が左右のスライディング トグルを実装する方法

以上がiview の選択ドロップダウン ボックス オプションの位置がずれている場合の対処方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。