我喜欢在jquery waypoint中有2个偏移量。目前只有一个,相同,向上和向下滚动。
我使用25%的“向下”偏移量,并希望“向上”偏移量为"75%“。因此,当块的顶部位于视口顶部的25%时,拼接将向下移动,‘向下’将被触发。当块的顶部位于视口顶部的75%时,拼接正在向上,‘向上’被触发。
有人已经为这个hysteresis写过代码了吗?
发布于 2013-10-05 07:59:48
为此,您可以创建两个路点,每个路点具有不同的偏移量,每个路点只响应一个方向:
$('.thing').waypoint(function(direction) {
if (direction === 'down') {
// Do stuff
}
}, {
offset: '25%'
}).waypoint(function(direction) {
if (direction === 'up') {
// Do stuff
}
}, {
offset: '75%'
});
更新:如果您使用的是WayPoint3.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%'
});
https://stackoverflow.com/questions/19181435
复制相似问题