开发者

Problem in combining dropdown menu with horizontal scrollable menu

开发者 https://www.devze.com 2023-02-03 11:46 出处:网络
I am trying to show dropdown menu inside horizontally long menu. For this purpose, i combined the script of displaying scrollable menu and dropdown menu together. But in this case, dropdown 开发者_运维

I am trying to show dropdown menu inside horizontally long menu. For this purpose, i combined the script of displaying scrollable menu and dropdown menu together. But in this case, dropdown 开发者_运维百科menu is not popping out from the scrollable menu container.

Please review this example. And suggest about what css property i can set.


Your problem is that you have overflow: hidden on the div.sc_menu. You're telling the browser to clip any child element that tries to render outside the div.sc_menu. The solution is to drop the overflow: hidden.

If you're using overflow: hidden as a clear-fix then you'll have to clear your floats explicitly.

If you can't clear your floats by hand and thus need to keep the overflow: hidden, then you could make try making the popup menu a child of <body> and then position it by hand on the appropriate hover event; you wouldn't be able to use the standard sucker-fish techniques in this case, you'd have to emulate sucker-fish in JavaScript.

0

精彩评论

暂无评论...
验证码 换一张
取 消