二级菜单下拉列表Google Chrome

Question

我正在开发一个带有CSS和jQuery的下拉菜单的网站。

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

这只发生在Google Chrome浏览器上，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时，下拉菜单中会出现一个滚动条，以便用户可以在其中向上和向下滚动。