如果不刷新浏览器，Skrollr将无法生成动画

Question

我一直在尝试Skrollr演示，但#slide-1上的动画不起作用，除非我先刷新页面：

<section id="slide-1" class="homeSlide">
    <div class="bcg" data-center="background-position: 50% 0px;" data-top-bottom="background-position: 50% -200px;" data-anchor-target="#slide-1">
        <div class="hsContainer">
            <div class="hsContent">
                    <h2>Scroll down...</h2>
            </div>
        </div>
    </div>
</section>

Here is a link to the page。我做错了什么？

Answer 1

在预加载器完成后初始化skrollr，或者调用refresh。

Answer 2

只需设置一个超时函数来刷新Skrollr即可。

    setTimeout(function() {
      var s = skrollr.init({
        forceHeight: false
      });

      skrollr.menu.init(s);
    }, 500);