shadowbox之外的下拉菜單

Question

我在我的網站上創建了一個shadowbox，它會彈出並允許用戶從多個選項中進行選擇，包括子菜單中的一些選項。 shadowbox內的內容將會非常廣泛，所以它需要能夠垂直滾動而不是水平滾動。

我遇到的問題是子菜單應該彈出到列表的右側並溢出到shadowbox的外部。這工作，直到我在CSS中執行overflow-y: scroll;。現在，即使我使用overflow-x: visible;，它仍然像x軸應該滾動一樣。

有沒有人遇到過這個問題之前或有任何提示如何接近它？

try messing with a jsfiddle here

Answer 1

參見http://www.w3.org/TR/css3-box/#collapse-scroll：

'溢出-x' 和 '溢出-Y' 的計算值是相同的 其指定的值，除此以外，與某些組合 '可見的' 是不可能的：如果一個被指定爲'可見'，而另一個被'滾動'或'自動'爲 ，則'可見'被設置爲'自動'。

我想不出任何東西只用CSS來解決這個問題，但它應該是可以使用JavaScript如果下拉菜單是塊外面用overflow: auto