Bootstrap. Сделайте некоторые элементы контейнера «фиксированными» - PullRequest
Новая
       42

Bootstrap. Сделайте некоторые элементы контейнера «фиксированными»

1 голос
/ 08 апреля 2019

У меня есть этот контейнер начальной загрузки (фактически, bootstrap-vue).

https://codepen.io/anon/pen/YMGoGL#anon-login

Я пытаюсь исправить мой "TOPBAR" и мой "SEARCHBOX", чтобы прокрутка была только у абзаца с текстом Lorem Ipsum.Остальные должны быть исправлены (всегда видимы) в верхней части страницы.

Проблема, с которой я столкнулся с position:fixed, заключается в том, что абзац идет поверх "TOPBAR"

можно добиться того, что я ищу?

ОБНОВЛЕНИЕ

enter image description here

1 Ответ

1 голос
/ 08 апреля 2019

Оберните верхнюю панель и окно поиска в одной строке с помощью position:fixed и top: 0, чтобы зафиксировать ее сверху, и поместите абзац в отдельную строку. Вы можете использовать свойство z-index , чтобы убедиться, что содержимое прокручивается «под» верхней панелью, а не над.

Вы можете использовать: 

  width: inherit;
  max-width: inherit;

, чтобы убедиться, что fixed-bar имеет ту же ширину, что и контейнер.

Демо: https://codepen.io/glhr/pen/BEQjzj

...