Как сделать позиционирование Postion:fixed относительно родительского блока?

Question

[Acvoloe]

Есть блок меню, которое должно прокручиваться внутри родительского блока и не залезать на другие блоки. Пробовал давать родительскому блоку position:relative; но результатов это не принесло.

Comments

[Lynn «Кофеман»]

position: absolute?

Answer 1

[iBird Rose]

никак. fixed позиционируется только в "window". это его единственный родитель

Comments

[Acvoloe]

Тогда как можно решить эту задачу?

Answer 2

[Максим Тимофеев]

fixed - только относительно окна
Возможно поможет absolute. При этом предок должен быть relative

Но по Вашей схеме не понятно зачем вообще менять позиционирование. Если Вы опишите подробно поведение которое хотите получить, посоветуют что-то более полезное.

Comments

[Acvoloe]

Необходимо чтобы меню двигалось вместе с прокруткой внутри блока div 2

[Максим Тимофеев]

Acvoloe: тогда при чем тут fixed? При fixed элемент как раз не имеет связи с прокруткой.

Answer 3

[Илья]

codepen.io/Rimush/pen/jrvkgk

Answer 4

[Антон]

не совсем понял, что требуется
мб подойдет position: sticky