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を使ってのCoffeeScriptの例であるとリアクト：

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

あなたはイベントリスナーを追加する必要はありません、ウェイポイントのライブラリーは、それ自体ありません。

working codepen

Answer 2

私は右のそれを取得する場合、現在のコードは、任意のスクロールイベントに発射されるために、それは正常です。 あなたがwaypoint-headerへの到達は、私が推測する際に一度だけトリガする必要がある場合は、あなただけのリスト内の各要素に対して通知するに示さhere

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

として任意のスクロールイベントなしでウェイポイントを作成する必要があり、私はクラスにidを変更することをお勧めしますと、これを試して。

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