jquery - 基本航点使用

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>

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

score 11 · Accepted Answer

插件文档显示了一个执行以下操作的offset选项：

确定元素顶部必须离浏览器窗口顶部多远才能触发航点。它可以是一个数字，以像素数为单位，可以是一个表示视口高度百分比的字符串，也可以是一个返回像素数的函数。

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

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

1 回答 1