jquery - 二级菜单下拉菜单 Google Chrome

Question

我正在开发一个使用 CSS 和 jQuery 完成的下拉菜单的网站。

当我点击打开它，并且菜单大于页面底部时，滚动条会自动增加。但是当我打开一个带有悬停效果的子菜单时，滚动条并没有增加，内容被隐藏了。

这只发生在谷歌浏览器上，IE 和 Firefox 正常显示。

为了可视化问题，打开 www.rspneus.com.br 单击标有“MARCA”的菜单，然后将鼠标悬停在“KUMHO”项上。

感谢和问候

Answer 1

您可以使用：

position:relative;

我已经测试过了，它也可以在 chrome 上使用；）

Answer 2

您需要在灰色下拉列表中添加一个类（例如，当您将鼠标悬停在 KUMHO 上时出现的那个），然后添加以下样式：

.yourNewClass {
 overflow: auto;
 max-height: 200px; /*you can alter this*/
}

这样，当下拉菜单的高度超过 200px 时，下拉菜单中会出现一个滚动条，以便用户可以在其中上下滚动。