title: A working example of a Virtual List in Framework7
body: <p>I've been head banging for two days trying to get a virtual list to work in Framework7. Is there a simple example of this anywhere or would someone be kind enough to post the code for a virtual list.</p>
  
  <p>I've read the <a href="https://framework7.io/docs/virtual-list.html" rel="nofollow noreferrer">Framework7 docs</a> over at least 10 times and tried many different ways of placing the code that is in the docs. I've also looked at the <a href="https://www.tutorialspoint.com/framework7/virtual_list.htm" rel="nofollow noreferrer">tutorial reference</a>. NEITHER shows an actual script demonstration of how to really do this. I think framework7 is an amazing piece of work, but I am just trying to learn it. I'm not knowledgeable of a lot of javascript. Much of the documentation is very good, however,some of the more difficult and challenging things for newbies like me leave much to be desired.</p>
  
  <p>I've also scoured stackoverflow, there are a few questions on virtual lists but nothing as trivial as what I need help with and no examples of code that show the a completely working example.</p>
  
  <p>Where do I place the javascript for the virtual list? I've tried putting it into myApp.js and into the html on the page with a script tag. </p>
  
  <p>I've placed the following in the DOM of my page as instructed via the docs:</p>
  
  <pre><code>    &lt;!-- Virtual List --&gt;
  &lt;div class="list-block virtual-list"&gt;
    &lt;!-- keep it empty --&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>What I don't understand where to put this code or if more coding is needed to get this working...</p>
  
  <pre><code>    var myList = app.virtualList('.list-block', {
      items: [1,2,3,4],
      height: 44
  });  
  </code></pre>
  
  <p>Anyone?</p>
  
  <p>Many thanks in advance...</p>