Как сделать чтобы модальное окно не сдвигало блок position:fixed?

Для того чтобы модальное окно не сдвигало блок с position: fixed, нужно применить определенные стили к модальному окну.

Во-первых, убедитесь, что у модального окна установлен position: absolute. Это гарантирует, что модальное окно не будет оказывать влияние на расположение других элементов на странице.

Кроме того, установите z-index для модального окна обеспечить его надлежащее позиционирование над другими элементами.

Затем используйте вспомогательные свойства CSS, такие как top, right, bottom и left, чтобы задать позицию модального окна относительно его родительского контейнера. Вы можете регулировать эти значения в зависимости от ваших потребностей и предпочтений.

Например, если у вас есть блок с position: fixed и модальное окно, вы можете сделать следующее:

.modal {
  position: absolute;
  z-index: 9999;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

В этом примере модальное окно будет располагаться по центру родительского контейнера как горизонтально, так и вертикально, используя значения 50% для top и left, а также применив translate(-50%, -50%) для означает центрирование относительно центра родительского контейнера.

Надеюсь, это поможет вам создать модальное окно, которое не будет сдвигать блок с position: fixed на вашей странице.