將下拉菜單與水平可滾動菜單相結合的問題

我試圖在水平長菜單內顯示下拉菜單。爲此，我將顯示可滾動菜單和下拉菜單的腳本組合在一起。但在這種情況下，下拉菜單不會從可滾動菜單容器彈出。將下拉菜單與水平可滾動菜單相結合的問題

請查看this示例。並建議我可以設置的CSS屬性。

2011-01-09 Amit Gupta

在chrome中工作：我在下面的水平滾動菜單中看到JavaScript菜單彈出。你有什麼瀏覽器有問題？ – 2011-01-09 08:45:46

你的問題是你有overflow: hidden的div.sc_menu。您要讓瀏覽器剪輯試圖在div.sc_menu之外渲染的任何子元素。解決方案是刪除overflow: hidden。

如果您使用overflow: hidden作爲clear-fix，那麼您必須明確清除浮動。

如果您無法手動清除浮標，因此需要保留overflow: hidden，那麼您可以嘗試將彈出菜單設置爲<body>的子項，然後手動將其置於合適的懸停事件中;你不能在這種情況下使用標準的吸盤魚技術，你必須用JavaScript來模擬吸盤魚。

2011-01-09 09:35:17

回答