没有浏览器刷新的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);