bootstrap 4只滚动mid column / facebook就像滚动一样

Question

我在bootstrap中有3列，我希望滚动只在中间潜水，同时保持相对于父容器的位置。像facebook滚动

之类的东西

<div class="container">
  <div class="row">
    <div class="col-md-3">stop scrolling when content end </div>
    <div class="col-md-6"> SCROLL </div>
    <div class="col-md-3"> stop scrolling when content end </div>
  </div>
</div>

我尝试使用固定位置，但是当我使用它时。它会混淆网格系统，这就是为什么我希望该位置在可能的情况下保持相对于父级的位置。

Answer 1

如果我理解了这个问题，您可以像这样使用sticky-top ......

https://www.codeply.com/go/IL1wlzpNEP

<div class="container">
  <div class="row">
    <div class="col-md-3"> <div class="sticky-top">side</div> </div>
    <div class="col-md-6"> SCROLL </div>
    <div class="col-md-3"> <div class="sticky-top">side</div> </div>
  </div>
</div>

中间列将滚动其内容的长度。