7

我正在尝试使用 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>

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

4

1 回答 1

11

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

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

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

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

这是一个更新小提琴

于 2012-07-13T14:02:08.383 回答