Отобразить popover внутри родителя div с переполнением: скрытый

Question

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

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

Любая помощь будет оценена. Спасибо! Тэмми

Answer 1

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

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