title: Move dynamically generated content to the top of the page on click. Vue.js
body: <p>Take the following dynamically generated content on the left column:</p>
  
  <pre><code>&lt;div v-for="index in total" :key="index"&gt;
      &lt;h2&gt;Dynamic content: &lt;span v-text="index + ' of ' + total"&gt;&lt;/span&gt;&lt;/h2&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>And a button in a fixed position at the top right of the page:</p>
  
  <pre><code>&lt;div style="position: fixed; top: 1em; right: 1em;"&gt;
      &lt;button v-on:click="autoScrollToDivAtCurrentIndex"&gt;&lt;/button&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>I would like the button to move the next div to the top of the page.</p>
  
  <p>For clarification. The first code block generates n divs in a column to the left. The second div contains a button at a fixed position at the top of the right column. I would like the button to move the 'next' div in the left column to the top of the page on click.</p>
  
  <p>I am using vue.js.</p>