<div class="uk-container uk-container-center" style="min-height:600px">
  <h1>Infinite list</h1>

  <ul class="uk-list uk-list-line" id="infinite-list"></ul>

  <div id="scrollspy" data-uk-scrollspy="{topoffset: 200, repeat: true}" class="uk-text-center">
    <i class="uk-icon-refresh uk-icon-spin uk-hidden"></i>
  </div>

  <script type="text/listtemplate">
    <li><h3 class="uk-text-success">Again a new item!</h3><p>With a bit of new content</p></li>
    <li><h3>Another new item!</h3><p>With a bit of content</p></li>
    <li><h3>Yet a new item!</h3><p>With a bit of content</p></li>
    <li><h3>New item!</h3><p>With a bit of content</p></li>
    <li><h3>A new item!</h3><p>With a bit of content</p></li>
    <li><h3>A last new item!</h3><p>With a bit of content</p></li>
  </script>


</div>