基本的Waypoint用法

Question

我正在尝试将jQuery的Waypoints插件用于网页上的延迟加载元素。但是我无法让它发挥作用。 ：（

我做了一个非常基本的例子：http://jsfiddle.net/P3XnN/2/

根据Waypoints文档，我需要做的就是以下内容。

JS：

$('#waypoint').waypoint(function() {
   alert('You have scrolled to my waypoint.');
});

HTML：

<div style="height: 500px">Scroll down</div>
<div id="waypoint">Waypoint</div>

但它显然不那么简单。 请帮忙。

Answer 1

插件文档显示offset option执行以下操作：

  

确定元素顶部距离顶部的距离   浏览器窗口触发航点。它可以是一个数字，也就是说   作为多个像素，一个表示百分比的字符串   视口高度，或将返回多个像素的函数。

您可以将选项作为第二个参数传递给waypoint方法：

$('#waypoint').waypoint(function() {
    alert('You have scrolled to my waypoint.');
}, {
    offset: '100%'
});

这是一个update fiddle。