title: UI Kit - Trigger Scrollspy programmatically many times
body: <p>I want to fire <code>Scrollspy Event</code> during a click event, but the event is just fired at the first time as you can see in snippet bellow.</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>let fires = 0;
  
  setInterval(() =&gt; {
   UIkit.scrollspy('h1', { cls: 'uk-animation-fade' });
    
    document.getElementsByTagName('span')[0].innerHTML = ++fires;
  }, 500)</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;link href="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/css/uikit-core-rtl.css" rel="stylesheet"/&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/uikit/3.1.9/js/uikit-core.min.js"&gt;&lt;/script&gt;
  
  &lt;h1&gt;Hi, I want to fade in many times, but I can't&lt;/hi&gt;
  &lt;h2&gt;Fade in event should be fired &lt;span&gt;0&lt;/span&gt; times&lt;/h2&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p>The example is simple and just to show what I looking for.</p>