引导 4 只滚动中间列/脸书像滚动一样

Question

我在引导程序中有 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>

我尝试使用位置固定，但是当我使用它时.it会弄乱网格系统，这就是为什么我希望位置尽可能相对于父级保持。

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>

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