Question

我正在使用插件stellar.js创建一个parrallax效果......基本上我想要一个简单的背景滚动比网站的其他部分慢，如www.OmarHabash.com。

我认为一切都设置正确this is the site that I am working on. ...前三个聚光灯div比滚动慢，但它似乎逐渐加速...它不应该这样做。

这是我正在使用的初始化

$(window).stellar();

这是我使用脚本的三个div之一。

<div class="home-100-2" data-stellar-background-ratio="1.1" style="background: url('<?php the_field('sl-image-2') ?>')fixed;">

如果您查看该网站，您将看到问题所在。 http://dfwima.4mf.co/

Answer 1

你有一些CSS过渡样式应用于.home-100-1，.home-100-2，.home-100-3。尝试删除它们：

  .home-100-1, .home-100-2, .home-100-3 {
    height: 320px;
    background: #000;
    border-bottom: 10px solid #000;
    width: 100%;
    /* transition: all .6s; */
    /*-moz-transition: all .6s;*/
    /* -webkit-transition: all .6s; */
    /* -o-transition: all .6s; */
    background-size: 100% auto !important;
  }

用于视差滚动的Stellar.js被删除

1 个答案: