title: Vanilla JS + VueJS: Scroll to top of div on button click
body: <p>I have an app created using VueJS. It is a multistep form with a next button.
  You can view the app working here:
  <a href="https://staging.evbox.com/configurator.html" rel="nofollow noreferrer">https://staging.evbox.com/configurator.html</a></p>
  
  <p>The issue I am trying to solve, is once the user clicks the next button, the top of the following question is visible. Can someone help me with a vanilla JS solution or some advice?</p>
  
  <p>The button html:</p>
  
  <pre><code>  &lt;button class="button-container__next" type="button" @click="goToNextStep()"&gt;Next&lt;/button&gt;
  </code></pre>
  
  <p>And the function is:</p>
  
  <pre><code>    goToNextStep: function () {
          this.currentStep++
  }
  </code></pre>