如何使div在旋轉木馬Bootstrap上滾動

Question

假設我下方有一個轉盤和一個容器。 我如何使容器在轉盤頂部滾動？ 我猜有點像視差效果。

<div id="myCarousel" class="carousel slide carousel-fade" data-ride="carousel">     
    <div class="carousel-inner">
        <div class="item active">
        </div>

        <div class="item">
            <div >
            </div>
        </div>
    </div>
</div>

   <div class="container">
      <div class="row">
        <div class="col-lg-4">
          <p>123</p>
        </div>
        <div class="col-lg-4">    
          <p>456</p>
        </div>
        <div class="col-lg-4">
          <p>789</p>
        </div>
      </div>
</div>

類似於本網站http://themenectar.com/demo/salient-promo/

Answer 1

我認為您可以使用以下Codepen想法： http ://codepen.io/JTParrett/pen/BkDie

您將像這樣設置：

<div class="box" data-scroll-speed="2">S</div>

數據滾動速度最高，滾動速度最慢。

您將需要jQuery，但結果將是這樣的： https : //jsfiddle.net/mk0hdtsj/2