横長メニュー内にドロップダウンメニューを表示しようとしています。この目的のために、私はスクロール可能なメニューとドロップダウンメニューを一緒に表示するスクリプトを組み合わせました。しかし、この場合、ドロップダウンメニューはスクロール可能なメニューコンテナからポップアウトされません。ドロップダウンメニューと水平スクロール可能メニューとの組み合わせに問題があります
thisの例をご覧ください。そして、私が設定できるCSSのプロパティについてお勧めします。
横長メニュー内にドロップダウンメニューを表示しようとしています。この目的のために、私はスクロール可能なメニューとドロップダウンメニューを一緒に表示するスクリプトを組み合わせました。しかし、この場合、ドロップダウンメニューはスクロール可能なメニューコンテナからポップアウトされません。ドロップダウンメニューと水平スクロール可能メニューとの組み合わせに問題があります
thisの例をご覧ください。そして、私が設定できるCSSのプロパティについてお勧めします。
あなたの問題は、div.sc_menu
にoverflow: hidden
があることです。 div.sc_menu
の外側でレンダリングしようとする子要素をクリップするようにブラウザに指示しています。解決方法はoverflow: hidden
です。
overflow: hidden
をクリアフィックスとして使用している場合は、フロートを明示的にクリアする必要があります。
フロートを手で取り除くことができず、したがってoverflow: hidden
を保持する必要がある場合は、ポップアップメニューを<body>
の子にしてから、適切なホバーイベントに手動で配置してください。この場合、標準的な吸盤法を使用することはできません。あなたはJavaScriptで吸盤魚を模倣する必要があります。
クロムで動作します:私は、下部の水平スクロールメニューでポップアウトするjavascriptメニューを参照してください。どのブラウザに問題がありますか? –
@Caspar Kleijne:AFAIK、問題は、すべてが動き回っている上部のポップアップメニューです。上部のメニューがポップアップしますが、下部にクリップされます。 –