首页
学习
活动
专区
工具
TVP
发布
社区首页 >问答首页 >jquery航点"up“事件的不同偏移量

jquery航点"up“事件的不同偏移量
EN

Stack Overflow用户
提问于 2013-10-04 20:40:46
回答 1查看 24.7K关注 0票数 21

我喜欢在jquery waypoint中有2个偏移量。目前只有一个,相同,向上和向下滚动。

我使用25%的“向下”偏移量,并希望“向上”偏移量为"75%“。因此,当块的顶部位于视口顶部的25%时,拼接将向下移动,‘向下’将被触发。当块的顶部位于视口顶部的75%时,拼接正在向上,‘向上’被触发。

有人已经为这个hysteresis写过代码了吗?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2013-10-05 07:59:48

为此,您可以创建两个路点,每个路点具有不同的偏移量,每个路点只响应一个方向:

代码语言:javascript
复制
$('.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实例的数组。如果您对保留该数组引用不感兴趣,代码将如下所示:

代码语言:javascript
复制
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%'
});
票数 60
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/19181435

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档