Абсолютный элемент div внутри относительного прокручиваемого родителя не отображается снаружи или фиксирован ⇐ CSS

[Anonymous]

Я не нашел ни одного сообщения, отвечающего на мою проблему, поэтому вот оно.
У меня есть прокручиваемый элемент div, в котором перечислены элементы, которые могут отображать селектор из нескольких элементов, но этот селектор не отображается за пределами прокручиваемый родительский элемент.
Я нашел много сообщений об этом, но в большинстве из них говорилось, что нужно увеличить относительную позицию нескольких родителей или поместить дочерний элемент как позицию: исправлено, но Мне нужно, чтобы мой div следовал за прокруткой в родительский.

Код: Выделить всё

.groupsHolder {
background-color: grey;
height: 80px;
overflow: auto;
}

.dragHolder {
background-color: green;
height: 150px;
}

.item {
background-color: yellow;
position: relative;
display: block;
margin-bottom: 5px;
}

.listHolder {
background-color: orange;
width: 50px;
position: fixed;
display: grid;
z-index: 10;
}

Код: Выделить всё

item 1
item 2
item 3

Вот скрипт, делающий то, что у меня есть сейчас: Мой код пример
СписокHolder можно переключить

Код: Выделить всё

position: absolute;

Дочерний элемент div как абсолютный
до

Код: Выделить всё

position: fixed;

Дочерний элемент div фиксированный
Дочерний элемент div фиксированный при прокрутке вниз
Что Я хочу, чтобы это было то же отображение, за пределами родительского элемента, как фиксированная позиция, но с тем, чтобы элемент div следовал за своим родительским элементом, как в абсолютной позиции.
Спасибо за вашу помощь

Подробнее здесь: https://stackoverflow.com/questions/793 ... or-is-fixe