плавающее выпадающее меню

[Selebro]

помогите пожалуйста разобраться, нужно чтобы выпадающее меню отображалось коректно, если кнопка, по нажатию на которой оно "выпадает", находится внизу экрана (оно выходит за рамки экрана и пользователю приходиться делать скролл страницы вверх чтобы его полностью увидеть). подробнее смотрите на рисунке - слева то что есть, справа то что должно быть. в общем то я думаю не так сложно, не знаю просто (опыт не позволяет) как выражение на css записать, чтобы от границ экрана отталкиваться.

Edited February 12, 2012 by Selebro

[Softlink]

Динамическим на CSS это сделать невозможно. Стилями можно только заранее указать нужным пунктам в какую сторону они должны разворачиваться. Если меню находится в разных местах, то это только на js делать.

[Radiocity]

Используйте jquery.

Отследите положение правого нижнего угла (1) и высоту выпадающего списка (2).

Если (1) выходит за границы области отображения, то выравниваем (1) по нижнему краю +/- 4px.

Но! Возможен вариант, когда браузерное окно меньше, чем (2). В этом случае изменение (1) игнорируется.

PS Вариант будет работать только при включенном javascript.

Edited February 13, 2012 by Radiocity