Как правильно использовать z-index вместе с overflow: scroll?

Question

[Андрей Фролов]

Есть вот такой пример позиционирования блоков https://jsfiddle.net/dbfahmm5/. Но если добавить свойство overflow-y: scroll; к блоку, то его псевдоэлемент позиционируется только в рамках этого блока https://jsfiddle.net/0Luume3k/. Каким образом совместить поведение первого примера и overflow-y: scroll; ?

Из этой статьи https://developer.mozilla.org/ru/docs/Web/CSS/CSS_... я узнал, что элементы с -webkit-overflow-scrolling формируют свой контекст наложения и все дочерние элементы рендерятся в рамках этого нового контекста. Как быть?

Answer 1

[zoozag]

Так? https://jsfiddle.net/grcjg5p9/

Answer 2

[Сергей Горячев]

А что мешает сделать псевдоэлемент у враппера?