2012-05-24 69 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