基本的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选项:

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

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

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