我正在開發一個帶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