我会喜欢在
jquery waypoint中有2个偏移量.
目前只有一个,同样的,用于上下滚动.
目前只有一个,同样的,用于上下滚动.
我使用25％的“下”偏移量,并希望“上”偏移为“75％”.
所以当一个街区的顶部位于视口顶部的25％处,并且下坡时,
“down”被触发.而当一个区块的顶端位于视口顶部的75％,并且边缘上升时,触发“向上”.
任何人已经写了这个hysteresis的代码？
解决方法
您可以通过创建两个路点来实现,每个点具有不同的偏移量,每个点都只响应一个方向：
$('.thing').waypoint(function(direction) {
if (direction === 'down') {
// Do stuff
}
},{
offset: '25%'
}).waypoint(function(direction) {
if (direction === 'up') {
// Do stuff
}
},{
offset: '75%'
});
更新：如果您使用Waypoint 3.0的jQuery版本,上述代码将无法正常工作,因为waypoint不再链接jQuery对象.它代替返回创建的Waypoint实例的数组.如果您不想保留该数组引用,代码将如下所示：
var $things = $('.thing');
$things.waypoint(function(direction) {
if (direction === 'down') {
// Do stuff
}
},{
offset: '25%'
});
$things.waypoint(function(direction) {
if (direction === 'up') {
// Do stuff
}
},{
offset: '75%'
});
