javascript - .waypoint 如何运作？

Question

如果有这样的代码

var waypoint = new Waypoint({
  element:document.getElementsByClassName  ('waypoint'),
  handler: function(direction) {
    console.log('Scrolled to waypoint!')
  }
});

我有 10 个具有“航点”类的元素，如果这些元素在视口(viewport)中可见，航点插件如何控制？它是否在每次触发 onscroll 事件时控制所有 div 的偏移量？

Answer 1

当您滚动到 element 时，它会调用 handler。 Waypoints 不控制元素的显示或可见性。您可以使用 options 对象设置一个 offset 触发点。您可以使用分配给 handler 的函数来对其中的更改进行编程。 Waypoints 似乎不是命名此 API 的糟糕选择。