用 Waypoint.Inview() 偏移

Question

我正在使用类似这样的方法来捕获网页上的滚动事件：

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction === "down") {
       // do other stuff
      }
    }
  });

问题是我有一个顶部高度为 100px 的粘性菜单，当某些 <div id="block"> 触摸该菜单时我需要 Waypoint 来触发。现在，Waypoint 代码在 <div id="block"> 到达视口顶部时触发，其中 div 的一部分已经在菜单下。

我尝试添加 offset 参数，但没有看到任何变化

var myblock = new Waypoint.Inview({
    element: $('#block')[0],
    entered: function(direction) {
     //do stuff
    },
    exited: function(direction) {
      if(direction == "down") {
       // do other stuff
      }
    },
    offset: 100 // ADDED, NOTHING CHANGED
  });

我做错了什么？

Answer 1

你没有做错任何事。目前不支持使用 Inview 快捷方式进行偏移。这时你将不得不使用一对正则的 Waypoints.

来写它

用 Waypoint.Inview() 偏移

Offset with Waypoint.Inview()

javascript

jquery

jquery-waypoints