Question

我尝试滚动时使用引导程序的sticky-top来设置div，我尝试了以下操作：

<div class="col-md-4">
  <div class="sticky-top">
     <app-reserva></app-reserva>
  </div>
</div>

我读过类似的问题，他们说您必须添加以下内容：

.sticky-top { top: 0.5em; }

但这对我也不起作用，我想念什么？

Answer 1

IE11和IE10将呈现位置：粘性作为位置：相对。因此，我们将样式包装在@supports查询中，将粘性限制为仅可以正确呈现样式的浏览器。在div中使用以下类，您可能还需要使用更多的CSS来指定div的位置

<div class="sticky-top">...</div>

Answer 2

.col-md-4 {
  height: 1000px;
  background: black;
}

.sticky-top {
  color: white;
}

<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">


<div class="col-md-4">
  <div class="sticky-top">
    hello
  </div>
</div>

粘性顶部Bootstrap Div固定滚动条

2 个答案: