CSSスクロールメニュー-ドロップダウンメニューが正しくスクロールしない
RGriffiths
いくつかのメインメニュー項目にドロップダウンメニューがある水平スクロールメニューがあります。問題は、メインメニューをスクロールすると、ドロップダウンメニューが従わない（絶対位置）か、従うようにすると（相対）、メインメニューが押し上げられることです。
絶対の：
相対的：
CSSは次のとおりです。
.navbar {
width:100%;
overflow-x: auto;
overflow-y: hidden;
white-space: nowrap;
}
.dropdown-content {
display: none; //displayed on hover
position: absolute; //or relative
background-color: #f9f9f9;
box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
z-index: 1;
}
これを修正するために私ができることについて何か提案はありますか？
私が探しているのは絶対バージョンです-ドロップダウンメニューがスクロールバーの上にドロップし、押し下げないことに注意してください-しかし、サブメニューが適切に配置されています。
絶対位置の例については、jsfiddleを参照してください。
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
- 前の投稿：featuretoolsとAttributeErrorをインポートします：モジュール 'tornado.platform.asyncio'には属性 'AnyThreadEventLoopPolicy'がありません
- 次の投稿：GROUPBYなしでHAVINGを使用すると期待どおりに機能しません
関連記事
Related 関連記事
- 1
スターハックなしでドロップダウンメニューのCSSスタイルを修正
- 2
ドロップダウンメニューが正しく機能しない
- 3
ドロップダウンメニューが正しく機能しない
- 4
クリップパスcssを使用してドロップダウンメニューが機能しない
- 5
スクロール可能なドロップダウンメニューを修正
- 6
'y'のスタイルが正しく変更されていないドロップダウンメニューをプロット
- 7
CSSでスクロール可能なドロップダウンメニューを試す
- 8
ドロップダウンメニューはクリック時にスクロールします
- 9
CSSドロップダウンメニューが正しく表示されない
- 10
CSSドロップダウンメニューが正しく非表示/表示されない
- 11
要素UIフレームワークのスクロール可能なドロップダウンメニュー
- 12
クリックしにくいドロップダウンメニュー MaterializeCSS
- 13
CSSドロップダウンメニューは、ホバー時にヘッダーdivにスクロールバーを追加します
- 14
CSSドロップダウンメニュークロスブラウザ
- 15
textAreaがドロップダウンメニューと正しく整列しないのはなぜですか？
- 16
Twitter Bootstrap：ドロップダウンメニュークラスが機能しない
- 17
CSS-水平スクロールメニューがスクロールしない
- 18
HTMLドロップダウンメニューが正しく機能しない
- 19
ページのスクロール可能なドロップダウンメニューを作成する
- 20
CSSドロップダウンメニューがChromeで機能しない
- 21
CSSドロップダウンメニューが機能しない
- 22
ドロップダウンメニューCSSが機能しない
- 23
ドロップメニューが正しく閉じない
- 24
PHP-ドロップダウンメニュー（選択）がwhileループに対して正しく機能しない
- 25
PHP-ドロップダウンメニュー（選択）がwhileループに対して正しく機能しない
- 26
プッシュサイドメニューで本体がスクロールしないようにする方法
- 27
ドロップダウンメニューの正しいスタイル設定
- 28
CSS3レスポンシブドロップダウンメニューが機能しない
- 29
AJAXリクエストがドロップダウンメニューから正しい値を取得しないのはなぜですか？
コメントを追加