2011-01-09 14 views
0

横長メニュー内にドロップダウンメニューを表示しようとしています。この目的のために、私はスクロール可能なメニューとドロップダウンメニューを一緒に表示するスクリプトを組み合わせました。しかし、この場合、ドロップダウンメニューはスクロール可能なメニューコンテナからポップアウトされません。ドロップダウンメニューと水平スクロール可能メニューとの組み合わせに問題があります

thisの例をご覧ください。そして、私が設定できるCSSのプロパティについてお勧めします。

+0

クロムで動作します:私は、下部の水平スクロールメニューでポップアウトするjavascriptメニューを参照してください。どのブラウザに問題がありますか? –

+0

@Caspar Kleijne:AFAIK、問題は、すべてが動き回っている上部のポップアップメニューです。上部のメニューがポップアップしますが、下部にクリップされます。 –

答えて

0

あなたの問題は、div.sc_menuoverflow: hiddenがあることです。 div.sc_menuの外側でレンダリングしようとする子要素をクリップするようにブラウザに指示しています。解決方法はoverflow: hiddenです。

overflow: hiddenをクリアフィックスとして使用している場合は、フロートを明示的にクリアする必要があります。

フロートを手で取り除くことができず、したがってoverflow: hiddenを保持する必要がある場合は、ポップアップメニューを<body>の子にしてから、適切なホバーイベントに手動で配置してください。この場合、標準的な吸盤法を使用することはできません。あなたはJavaScriptで吸盤魚を模倣する必要があります。

関連する問題