Bootstrap。制作一些容器元素 "fixed"

Question

我有这个 bootstrap 容器（实际上是 bootstrap-vue）。

我正在尝试修复我的 "TOPBAR" 和 "SEARCHBOX"，以便只有带有 Lorem Ipsum 文本的段落部分有滚动条。其余部分必须固定（始终可见）在页面顶部。

我对 position:fixed 的问题是该段落位于 "TOPBAR"

之上

是否有可能实现我正在寻找的东西？

更新

Answer 1

用 position:fixed 和 top: 0 将顶部栏和搜索框放在同一行以将其固定在顶部，并将段落放在自己的行中。您可以使用 z-index property 来确保内容滚动 "under" 顶部栏，而不是结束。

您可以使用：

  width: inherit;
  max-width: inherit;

确保 fixed-bar 与容器的宽度相同。

Bootstrap. Make some container elements "fixed"