Using scroll to programatically?

Hey!

I’m trying to implement scrolling programatically, I have a method called calculate that when called - I validate a form, submit a HTTP request then I want to scroll to an element.

Here is the barebones of what I have.

import Vue from 'vue';
import VueScrollTo from 'vue-scrollto';

Vue.use(VueScrollTo);

new Vue({

    el: '#app',

    methods: {

        calculate: function() {
            // Validation
            // HTTP request
            // ...
            // Then scroll
            VueScrollTo.scrollTo('#calculator');
        }

    }

});

At the moment, it doesn’t scroll - am I doing something wrong? Or should this be working?

Thanks!

[necevil]

@rigor789 thanks a ton! Super quick response and right on the money.

I ended up taking part of atomek’s solution (used ‘linear’ for easing) and have this for my final working code (triggered to reset to the top of my Vue instance prior to trigger a router.push to the next view):

this.$scrollTo('#app', 200, { easing: 'linear' })

Should anyone else look to use the above, just replace #app with whatever you want to scroll to.

[rigor789]

Hey, please specify a duration and options like so:

VueScrollTo.scrollTo('#calculator', 500, { easing: VueScrollTo.easing['ease'] } );