【问题标题】:Problem in combining dropdown menu with horizontal scrollable menu将下拉菜单与水平滚动菜单相结合的问题
【发布时间】:2011-01-09 08:24:12
【问题描述】:

我正在尝试在水平长菜单中显示下拉菜单。为此,我将显示可滚动菜单和下拉菜单的脚本组合在一起。但在这种情况下,下拉菜单不会从可滚动菜单容器中弹出。

请查看this 示例。并建议我可以设置哪些 css 属性。

【问题讨论】:

  • 在 chrome 中工作:我看到 javascript 菜单在下方水平滚动菜单中弹出。你的浏览器有问题吗?
  • @Caspar Kleijne:AFAIK,问题在于上方区域的弹出菜单,所有内容都在移动。上层菜单弹出,但在底部被剪裁。

标签: jquery css menu


【解决方案1】:

您的问题是您在div.sc_menu 上有overflow: hidden。您是在告诉浏览器剪辑任何试图在div.sc_menu 之外呈现的子元素。解决方案是删除overflow: hidden

如果您使用overflow: hidden 作为清除修复,那么您必须明确清除浮动。

如果您不能手动清除浮动,因此需要保留overflow: hidden,那么您可以尝试将弹出菜单设置为<body> 的子菜单,然后手动将其放置在适当的悬停事件上;在这种情况下,您将无法使用标准的吸盘鱼技术,您必须在 JavaScript 中模拟吸盘鱼。

【讨论】:

    猜你喜欢
    • 2013-05-25
    • 2019-02-27
    • 1970-01-01
    • 1970-01-01
    • 2014-03-22
    • 2015-12-29
    • 1970-01-01
    • 2012-10-28
    • 1970-01-01
    相关资源
    最近更新 更多