Липкий топ Bootstrap Div фиксированная прокрутка

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

.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>

Answer 2

IE11 и IE10 будут отображать позицию: липкая как позиция: относительная.Таким образом, мы оборачиваем стили в запросе @supports, ограничивая липкость только браузерами, которые могут правильно его отобразить. Используйте ниже класса в div, а также вам, возможно, придется использовать еще несколько css для указания позиции div

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