Как сделать position:fixed; относительного родительского блока, а не окна браузера?

Question

[Хороший Человек]

Добрый день.
Существует выпадающий список с полем поиска.
Поле поиска нужно оставлять на месте, то бишь в верху списка, при скролле списка.
Предполагаю, что такую затею можно реализовать на js.
Вопрос, как реализовать?
Спасибо за советы

Answer 1

[Александр Вульф]

Если обернуть position:fixed в position:absolute, и x/y выставлять именно в обертке, то fixed начнет позиционироваться именно так, как вам надо (https://jsfiddle.net/eaw95p0x/).

Но я бы посто сделал как-то так: https://jsfiddle.net/xur99bpq/1/

Comments

[Хороший Человек]

Спасибо, но выпадающий список - ul, а поле поиска - input

[Александр Вульф]

Хороший Человек: и что?

[Хороший Человек]

Александр Вульф: https://jsfiddle.net/asimon93/deve46pL/1/

[Александр Вульф]

Хороший Человек: https://jsfiddle.net/deve46pL/4/

Answer 2

[SerzN1]

Кажется это неправильный подход к задаче.

Вместо:

<input style="position:fixed;">
<ul>...</ul>

Должно быть примерно так

<div>
 <input>
 <ul style="overflow-y:auto">...</ul>
</div>

Answer 3

[Mikhail Osher]

position:absolute

Comments

[Хороший Человек]

Увы, не работает. Может не работает, потому что выпадающий список - ul, а поле поиска - input