2011-12-26 2 views
0

У меня есть система всплывающих меню (ala superfish style) под названием Yt Mega Menu, которая установлена ​​на веб-сайте Joomla. Стандартная конфигурация, как и в большинстве меню, заключается в том, что когда элемент меню зависает, подменю падает. Для проекта, над которым я работаю, мне нужно изменить его таким образом, чтобы подменю соскальзывало, когда меню находится внизу страницы.Выпадающее меню CSS - продвижение вверх?

В скрытом состоянии подменю позиционируется абсолютно с левым позицией -999em. Когда элемент родительского меню зависает, верхняя часть устанавливается в автоматическую, а нижняя, левая и правая - все 0.

Я считаю, что я мог бы получить желаемый эффект, если бы мог установить верхний или нижний позитрон для подменю. Проблема в том, что это зависит от высоты подменю. Как я могу поместить это подменю над основным пунктом меню, не зная высоты подменю?

ОБНОВЛЕНИЕ - см. Меню в нижней части страницы http://www.affect4.net. Обратите внимание на пространство под меню, а также на раскрывающийся эффект.

Спасибо!

+0

Не могли бы вы разместить свои css и html? Jsfiddle будет еще лучше найти решение. – mrtsherman

+0

Как насчет «живой» версии ... проверьте строку меню внизу этой страницы ... http://www.affect4.net ..., в которой есть логин и элементы меню. – Jeff

+0

Этот URL-адрес не работает. – rikkit

ответ

0

http://jsfiddle.net/DYnrE/

Просто поместите подменю абсолютно в нижней части, а не на самом верху.

+0

Вот и все! Спасибо за помощь. – Jeff

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