ホームページ  >  記事  >  ウェブフロントエンド  >  iviewの選択ドロップダウンボックスでオプションがずれる問題の解決方法 具体的な操作は以下の通りです。

iviewの選択ドロップダウンボックスでオプションがずれる問題の解決方法 具体的な操作は以下の通りです。

亚连
亚连オリジナル
2018-06-01 16:59:573108ブラウズ

以下に、iview の選択ドロップダウン ボックスでオプションが間違って配置されている問題を完全に解決する記事を共有します。これは良い参考値であり、皆さんのお役に立てれば幸いです。

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

図 2:

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

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

解決策

ドロップ-down ボックス 解決策は、作成者の元のスタイルを上書きすることです。

しかし、残念なことに、作者は!重要を追加し、優先度を変更しました。

それでは、あなたのスタイルの優先順位を彼のものよりも高くするにはどうすればよいでしょうか? このスタイルをカスタマイズされたスタイル ファイルに追加できます:

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

以上は、皆さんのためにまとめたものです。

関連記事:

vueのデータ転送--特別な実装スキルがあります

nodejsでのパスワード暗号化処理動作を詳しく解説

手書きNode静的リソースサーバーの実装方法

以上がiviewの選択ドロップダウンボックスでオプションがずれる問題の解決方法 具体的な操作は以下の通りです。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。