Bootstrap sticky-top class 在主要内容中不起作用 class

Question

我对 bootstrap 的粘顶 class 有一个问题。

<div class="main-content">
  <div class="page-content">
    <div class="sticky-top">
      <div class="alert alert-success">
        Success
      </div>
    </div>
  </div>
</div>

bootstrap main-content class 有 overflow: hidden，所以粘顶 class 不起作用。

我必须有 main-content class，但我也必须使用 sticky-top class。

如何解决这个问题？

Answer 1

正如您所说，您不能将 sticky-top class 与具有 overflow: hidden 的容器一起使用，并且您必须使用 main- content，可以取消设置main-content的overflow 属性。像这样

.main-content {
    overflow: unset;
}