Как показать подменю при использовании полосы прокрутки в меню?

Доброе утро, у меня есть меню, где вам нужно, это вертикальная боковая панель. Как вы можете видеть на картинке, я мог бы добавить ее. Однако, когда указатель мыши нависает над элементами меню, появляются подменю, но они скрыты полосой. Я бы хотел, чтобы подменю оставалось накладываться на панель, т. Е. Они появлялись спереди, а не скрывались. Уже попытался изменить z-индекс подменю, но он не сработал. Кто-нибудь знает какую-либо альтернативу или как я могу это решить?Как показать подменю при использовании полосы прокрутки в меню?

enter image description here

затем, как системное меню все динамически установлен, я создал пример в jsFiddle. Проблема в том, что в меню есть подменю, и когда я пытаюсь получить к ним доступ, они «внутри» окна, который создает полосу прокрутки. ссылка: jsfiddle.net/tBJe3/10/

спасибо!

источник

2013-11-11 samuel_R

do u need that scorll bar – radha

Мне нужно, потому что в меню, где я использую полосу прокрутки, есть много вариантов. –

Можете ли вы разместить html/css, который вы используете прямо сейчас, с помощью JSFiddle? Трудно понять, что не так, глядя на скриншот. –

попробовать это,

.menuLateral { 
    margin-left: 4px; 
    margin-top: 1%; 
    position: relative; 
    width: 35%; 
    height:200px; 
    color: #B2C2B9; 
    float: left; 
    overflow:visible; 
}

http://jsfiddle.net/tBJe3/11/

источник

2013-11-11 12:18:07 radha

Я буду использовать меню, где он создается динамически. может иметь, например, 100 опций меню. Поэтому мне нужен свиток. Таким образом, вы отправили, если у меня есть дополнительные параметры меню, он не отображает эти параметры. –

, если вы используете прокрутку, означает, что подменю также отображается в прокрутке, если u wat для просмотра вам нужно прокрутить для просмотра, если при перемещении курсора подменю исчезнет ... – radha

да, мне нужно, чтобы у него была какая-то полоса прокрутки, чтобы иметь возможность ограничить размер div, не ограничивая количество пунктов меню, и он должен позволить субменю выйти из этого прямоугольника, который создает scrool. –

В своем коде вы установили position: relative; для почти всех контейнеров. Если вы удалите их, подменю absolutely positioned будет относиться к документу, а также будет находиться поверх вашего scrollable.

Вот обновленная версия вашего кода в JSFiddle.

Обратите внимание:, что таким образом некоторые из ваших sub-menu s не появятся там, где вы хотите. Поэтому, возможно, вам нужно сделать фиксированные позиции или разместить их вручную (и динамически) используя JavaScript.

источник

2013-11-11 19:03:05

Как показать подменю при использовании полосы прокрутки в меню?

ответ

Смежные вопросы