Waypoints偏移量不起作用（函数立即运行）？

Question

我正在为我的网站使用waypoints.js。现在，我想尝试一下。

我的HTML代码：

<section id="home">
    <p>content</p>
</section>

<section id="info">
    <p>content</p>
</section>

我的CSS代码：

#home {
    width: 100vw;
    height: 100vh;
    background-color: red;
}

#info {
    width: 100vw;
    height: 100vh;
    background-color: yellow;
    top: 100vh;
    left: 100vw;
}

之所以在#info使用100vh的顶部和100vw的顶部是因为我使用了另一个jQuery插件，称为滚动路径（http://joelb.me/scrollpath/）。我从斜下方的首页到信息绘制一条滚动路径。

我的jQuery代码：

jQuery(window).load(function () {
    //Animate from top
    $('#home').waypoint({
      handler: function() {
        alert('message')
      },
      offset: '50%'
    })
});

问题是，当我加载网站时，警报会立即显示，但我希望它以50％的偏移量显示。

出了什么问题？

Answer 1

我有同样的问题，您知道是什么问题吗？