我正在开发一个带CSS和jQuery下拉菜单的网站。二级菜单下拉菜单谷歌浏览器
当我点击打开它,并且菜单大于页面底部时,滚动条自动增加。但是当我用悬停效果打开子菜单时,滚动条不会增加,并且内容被隐藏。
这只发生在谷歌浏览器,IE和Firefox正常显示。
为了可视化问题,请打开www.rspneus.com.br点击标有“MARCA”的菜单,然后将鼠标悬停在项目“KUMHO”上。
感谢认为
我正在开发一个带CSS和jQuery下拉菜单的网站。二级菜单下拉菜单谷歌浏览器
当我点击打开它,并且菜单大于页面底部时,滚动条自动增加。但是当我用悬停效果打开子菜单时,滚动条不会增加,并且内容被隐藏。
这只发生在谷歌浏览器,IE和Firefox正常显示。
为了可视化问题,请打开www.rspneus.com.br点击标有“MARCA”的菜单,然后将鼠标悬停在项目“KUMHO”上。
感谢认为
你可以使用:
position:relative;
我已经测试过,这是对铬的工作,以及;)
你需要添加一个类的灰色下拉菜单(例如,当您悬停在KUMHO上时出现的那个),然后添加以下样式:
.yourNewClass {
overflow: auto;
max-height: 200px; /*you can alter this*/
}
那样,当下拉的高度超过200px时,滚动条将出现在下拉内部,以便用户可以在其内部上下滚动。
解决问题的一部分,有办法调整页面滚动条? – user1415754
即时通讯不知道你的意思是通过调整页面滚动条的大小,但为了限制主下拉的高度,你还需要做的是增加相同的样式,见下: '#select03options { overflow :auto; max-height:200px;/*你可以改变这个*/ }' –
我想我不清楚。 我想在IE或Firefox中有同样的效果,当显示内容时滚动条会增加。 非常感谢您的帮助 – user1415754