2012-05-24 71 views
2

我正在开发一个带CSS和jQuery下拉菜单的网站。二级菜单下拉菜单谷歌浏览器

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

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

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

感谢认为

回答

0

你可以使用:

position:relative; 

我已经测试过,这是对铬的工作,以及;)

0

你需要添加一个类的灰色下拉菜单(例如,当您悬停在KUMHO上时出现的那个),然后添加以下样式:

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

那样,当下拉的高度超过200px时,滚动条将出现在下拉内部,以便用户可以在其内部上下滚动。

+0

解决问题的一部分,有办法调整页面滚动条? – user1415754

+0

即时通讯不知道你的意思是通过调整页面滚动条的大小,但为了限制主下拉的高度,你还需要做的是增加相同的样式,见下: '#select03options { overflow :auto; max-height:200px;/*你可以改变这个*/ }' –

+0

我想我不清楚。 我想在IE或Firefox中有同样的效果,当显示内容时滚动条会增加。 非常感谢您的帮助 – user1415754