Offset with Waypoint.Inview()

Offset with Waypoint.Inview()

本文关键字:Inview Waypoint with Offset      更新时间:2023-09-26

我正在使用类似的东西来捕获网页上的滚动事件:

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来触发。现在,当<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
  });

我做错了什么?

你没有做错什么。当前不支持使用"Inview"快捷方式进行偏移。此时,您将不得不使用几个常规Waypoints来编写它。