影子框外的下拉菜单

时间:2013-05-09 17:21:39

标签: javascript css

我正在我的网站上创建一个影子框,它会弹出并允许用户从多个选项中选择,包括子菜单中的一些选项。阴影框中的内容将非常广泛,因此它需要能够垂直滚动而不能水平滚动。

我遇到的问题是子菜单应该弹出到列表的右边并溢出到影子框的外部。这一直有效,直到我在CSS中实现overflow-y: scroll;。现在,即使我使用overflow-x: visible;,它仍然会像x轴一样滚动。

之前是否有人遇到此问题或有任何关于如何处理它的提示?

try messing with a jsfiddle here

1 个答案:

答案 0 :(得分:0)

请参阅http://www.w3.org/TR/css3-box/#collapse-scroll

  

'overflow-x'和'overflow-y'的计算值与   它们的指定值,除了某些与'visible'的组合   是不可能的:如果一个被指定为'可见'而另一个被指定为   '滚动'或'自动',然后'可见'设置为'自动'。

我想不出任何只使用CSS来解决这个问题的事情,但如果下拉列表在overflow: auto

块之外,那么它应该可以用JavaScript实现