我正在尝试使用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条答案
按热度按时间gudnpqoy1#
插件文档显示了一个
offset
选项,它执行以下操作:确定元素顶部必须距浏览器窗口顶部多远才能触发路点。它可以是一个数字,表示像素的数量,一个表示视口高度百分比的字符串,或者一个将返回像素数量的函数。
您可以将选项作为第二个参数传递给
waypoint
方法:这是一个update fiddle。已更新损坏的CDN资源2022。