javascript - 如何让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