如何使 div 在轮播 Bootstrap 上滚动答案

【问题标题】：How to make a div scroll over carousel Bootstrap如何使 div 在轮播 Bootstrap 上滚动
【发布时间】：2016-04-07 03:20:03
【问题描述】：

假设我有一个旋转木马和一个容器就在它下面。如何使容器滚动到轮播顶部？我猜有点像视差效应。

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

【问题讨论】：

标签： javascript css html twitter-bootstrap-3 carousel

【解决方案1】：

我认为你可以使用这个 codepen 想法：http://codepen.io/JTParrett/pen/BkDie

你会这样设置：

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

数据滚动速度最高，滚动速度最慢。

你需要 jQuery，但结果会是这样的： https://jsfiddle.net/mk0hdtsj/2

【讨论】：