coffeescript - 使用 CoffeeScript 的航点

Question

我想根据滚动来通知事件。我找到了 Waypoints 可以解决我的问题，但我正在使用 jQuery 和 Reactjs 获取所有示例。我如何在 CoffeeScript 中使用它？

我正在使用下面的代码。它每次都被触发，但我希望它仅在到达 waypoint-header 时触发。我在重复模式下有这个 div，我的意思是这个 div 在一些列表项之后可用(在列表中的每 20 个项目之后)。请帮我解决这个问题。

$(window).scroll ->
        waypoint = new Waypoint(
            element: document.getElementById('waypoint-header'),
            handler:(direction) ->
                console.debug 'hello'
        )

Answer 1

这是一个没有使用 jQuery 和 React 的 CoffeeScript 示例:

waypoint = new Waypoint
    element: document.getElementById('waypoint-header'),
    handler: (direction) ->
        console.log 'hello'

您无需添加事件监听器，Waypoints 库会自行完成。

working codepen