Абсолютный родительский перекрытие Абсолютный дочерний div с z-индексом: 1000

Question

У меня есть основной родительский div .objects-wrap, который абсолютно позиционируется и в нем у меня есть table.

Теперь, когда столбцы увеличиваются, горизонтальная прокрутка входит в нижнюю часть в родительский div .objects-wrap.

Теперь проблема заключается в моем последнем td, там выпадающее меню бутстрапа, которое скрывается из-за горизонтальной полосы прокрутки, даже если в выпадающем меню применяется z-index:1000.

горизонтальная полоса прокрутки перекрывает выпадающее меню Что мне делать, чтобы показать выпадающее меню над скроллингом

Click here to see the JSfiddle for your reference

Я надеюсь, что это объясняет сценарий и спасибо заранее :)

Answer 1

Вы можете удалить overflow-y здесь:

.objects-wrap { 
    position: absolute; 
    overflow: scroll; 
    width: 100%; 
} 

See it here

Он добавит вертикальную полосу прокрутки, когда вы нажмете на нужную ссылку, не так ли?

EDIT

Или вы можете установить свойство мин высоты на нем like this

.objects-wrap { 
    position: absolute; 
    overflow: scroll; 
    overflow-y: hidden; 
    width: 100%; 
    min-height: 300px; 
} 

EDIT 2

Если хочет, чтобы не иметь вертикальную полосу прокрутки, вы можете изменить overflow-y собственности на visible.

Однако при нажатии правой кнопки мыши у вас будет вертикальная полоса прокрутки.

Like this