.waypoint 如何运作？

Question

如果有这样的代码

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

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

Answer 1

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