No errors yet not working

Hello and congrats again on a great module. However i can’t get it to work. Is this an error on my part?

I’m using webpack base config. I am loading the module in the main.js file like so:

import Vue from 'vue'
import App from './App'
import router from './router'
import VueScrollTo from 'vue-scrollto'

Vue.config.productionTip = false

Vue.use(VueScrollTo)

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  template: '<App/>',
  components: { App }
})

and in app.vue i am trying to programmatically move it as i was not able to do it either with simple buttons either:

import Vue from 'vue'
import VueBar from 'vuebar'

Vue.use(VueBar)

export default {
  name: 'app',
  components: {
  },
  mounted () {
    console.log('about to force scroll')
    this.$scrollTo('#element', 1000, { easing: 'ease' })
  }
}

And the html:

<h3 id="elementtop">HOLA</h3>

        <button v-scroll-to="'#element'">
            Scroll to #element
        </button>

        <br><br><br><br><br><br><br><br>test<br><br><br><br><br><br>test2<br><br><br><br>HOLA<br><br><br><br><br><br><br><br><br><br>test<br><br><br>test2<br><br><br><br><br><br>test<br><br><br>test2<br><br>HOLA<br><br><br><br><br>test<br><br><br>test2<br><br>HOLA BOSS<br><br><br><br><br>test<br><br><br>test2<br><br>HOLA BOSS<br><br><br><br><br>test<br><br><br>test2<br><br>HOLA BOSS<br><br><br><br><br>test<br><br><br>

<h3 id="element">test2</h3><br><br>

[rigor789]

Hi, I have tried your example, and it works, except when you refresh with your keyboard, because it picks up as a cancel event, and immediately cancels the scrolling. I have pushed out a fix, so doing

this.$scrollTo('#element', 1000, { easing: 'ease', cancelable: false })

should work. (update to 2.7.1)

Here is a project that works: https://github.com/rigor789/vue-scrollto-demo-project

[LabuschagneB]

Please can we get this to work on IOS.