Edit in JSFiddle

<div id="app">
  <button v-scroll-to="{ el: '#element', offset: 200 }">
      Scroll to 200px below #element 
  </button>
  
  <h1 id="element">Hi. I'm element</h1>
  <h1 class="below">Hi. I'm about 200px below element</h1>
</div>
new Vue({
  el: '#app',
  methods: {
  }
})
button {
  margin-bottom: 1000px;
}

h1 {
  margin: 0;
}

.below {
  margin-top: 200px;
  color: #42b983;
  margin-bottom: 1000px;
}

External resources loaded into this fiddle: