Отобразить диалоговое окно внутри родительского див с overflow:скрыты



Я пишу на angularJS и не могу найти удобного решения для этой проблемы-
У меня есть элемент div со свойством overflow: hidden (так как я использую внутреннюю полосу прокрутки), а внутри этого элемента div у меня есть меню dropdown, вызываемое нажатием кнопки.
к сожалению, dropdown частично скрыт (так как он выходит за границы своего div родителя.



Лучшее решение, которое я нашел до сих пор, - это динамическое добавление всплывающего окна в тело и вычисление его положения для каждого нажатия кнопки, но это это немного сложно, так как я также использую скроллер...



Любая помощь будет признательна.
Спасибо!
Тэмми
440   1  

1 ответ:

Обычно вы не можете сделать это, не удалив свойство overflow: hidden; или не используя позиции absolute для вашего div и выпадающего меню, что может быть немного сложно (сделайте поиск, есть много тем на Stackoverflow).

Но вы можете достичь этого с помощью position: fixed;, зная, что это будет зависеть от браузера; смотрите рабочий пример: http://jsfiddle.net/Nf7u4/

Comments

    Ничего не найдено.