title: Events and Calls using Locomotive Scroll JS
body: <p>I am using locomotive scroll (<a href="https://github.com/locomotivemtl/locomotive-scroll" rel="nofollow noreferrer">https://github.com/locomotivemtl/locomotive-scroll</a>) to create a smooth scroll effect.</p>
  
  <p>I am trying to understand the events and calls they mention in the docs (see above git url).</p>
  
  <p><strong>Example HTML:</strong></p>
  
  <pre><code>&lt;div data-scroll data-scroll-repeat data-scroll-speed="1" data-scroll-call="testEvent1" class="block" id="block1"&gt;
     block 1
  &lt;/div&gt;
  
  &lt;div data-scroll data-scroll-repeat data-scroll-speed="1" data-scroll-call="testEvent2" class="block" id="block2"&gt;
     block 2
  &lt;/div&gt;
  </code></pre>
  
  <p><strong>Example JS:</strong></p>
  
  <pre><code>scroll.on('call', func =&gt; {
      console.log("block1 triggered");
  });
  </code></pre>
  
  <p>This works and the consol log is fired but how can I separate "testEvent" 1 and "testEvent2" to fire separately?</p>
  
  <p>Thank you!</p>