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

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

您可以这样设置：

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

最高的数据滚动速度是滚动速度最慢的。

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

如何使div滚动旋转木马Bootstrap

1 个答案: