Estou criando um shadowbox no meu site que vaipop-up e permitir que os usuários escolham a partir de um número de opções, incluindo alguns em submenus. O conteúdo dentro do shadowbox será bastante extenso, então ele precisa ser capaz de rolar verticalmente e não rolar horizontalmente.
O problema que tenho é que os submenus devem aparecer à direita da lista e transbordar para o lado de fora do shadowbox. Isso funcionou até eu implementar overflow-y: scroll; no CSS. Agora, mesmo se eu usar overflow-x: visible; ainda age como se o eixo x tivesse que rolar.
Alguém já encontrou esse problema antes ou tem alguma dica sobre como abordá-lo?
tente mexer com um jsfiddle aqui
Respostas:
0 para resposta № 1Vejo http://www.w3.org/TR/css3-box/#collapse-scroll:
Os valores calculados de "overflow-x" e"Estouro-y" é o mesmo que os valores especificados, exceto que algumas combinações com "visível" não são possíveis: se uma for especificada como "visível" e a outra "Rolar" ou "automático" e "visível" está definido como "automático".
Não consigo pensar em nada para resolver esse problema usando apenas o CSS, mas isso deve ser possível com JavaScript se os menus suspensos estiverem fora do bloco com overflow: auto