jquery 基本航路点使用

wyyhbhjk 于 2023-06-05 发布在 jQuery

关注(0)|答案(1)|浏览(74)

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

但事情显然没有那么简单。接下来我可以尝试什么？

1条答案

插件文档显示了一个offset选项，它执行以下操作：
确定元素顶部必须距浏览器窗口顶部多远才能触发路点。它可以是一个数字，表示像素的数量，一个表示视口高度百分比的字符串，或者一个将返回像素数量的函数。
您可以将选项作为第二个参数传递给waypoint方法：

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

这是一个update fiddle。已更新损坏的CDN资源2022。