jquery - 二级菜单下拉 Google Chrome

Question

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

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

这只发生在 Google Chrome 上，IE 和 Firefox 正常显示。

为了直观地显示问题，请打开 www.rspneus.com.br，单击标有“MARCA”的菜单，然后将鼠标悬停在“KUMHO”项上。

谢谢问候

Answer 1

您需要向灰色下拉菜单添加一个类(例如，将鼠标悬停在 KUMHO 上时出现的类)，然后添加以下样式:

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

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