Как сделать блок с position:fixed для модального окна бустрап?

Question

[balex777]

Как сделать блок с position:fixed для модального окна бустрап? Самому модальному окну ставлю position: relative; а блоку внутри position:fixed но он фиксируется относительно браузера а не модального окна,
Есть у кого идеи как делать?

Comments

[Rustam Bainazarov]

Почитайте, что такое position: fixed. Это фиксация относительно окна браузера. Так что всё правильно у вас работает.

Лучше опишите, что вы хотите получить в итоге.

[balex777]

Рустам Байназаров, чтобы позиционирование было относительно модельного окна, чтобы при прокрутке скрола вниз в модальном ок блок закрепленные вверху оставался на месте

[Алексей]

balex777, а добавить второй блок снизу со скролом нельзя по каким причинам?
PS. Тык

Answer 1

[Алексей]

Для родительского блока (модальное окно) - position: relative; Для дочернего блока position: absolute; и задавать left top bottom right. Тогда дочерний блок будет выравниваться относительно родительского.

position: fixed; используется когда надо закрепить объект относительно окна браузера (прилипчивые меню, кнопки заказа звонка и т.д)

Comments

[balex777]

Тогда при прокручивание скрола модального окна он не будет фиксироватся в нужном месте

[Алексей]

balex777, Если нужна привязка именно к контенту внутри модального окна - назначьте position: relative; этому контенту. Если контент состоит из нескольких блоков - создайте блок обертку div class="wrap" и для wrap задайте position: relative;