I want to implement an application posed of several card views and a succeeding button. On each click of the button, the page should be scrolled to its bottom.

I found some Q&As which implement the scrolling by native javascript, but I did not get how to implement it on Vuetify framework. I looked at the documentation () and noticed that the scrolling is to be implemented via $vuetify.goTo.

But I did not find the exact way to specify the bottom of the page on Vuetify-like style.

Is there any good idea to implement it with good Vuetify maner?

I want to implement an application posed of several card views and a succeeding button. On each click of the button, the page should be scrolled to its bottom.

I found some Q&As which implement the scrolling by native javascript, but I did not get how to implement it on Vuetify framework. I looked at the documentation (https://vuetifyjs./en/directives/scrolling) and noticed that the scrolling is to be implemented via $vuetify.goTo.

But I did not find the exact way to specify the bottom of the page on Vuetify-like style.

Is there any good idea to implement it with good Vuetify maner?

• javascript
• vue.js
• vuetify.js

Share Improve this question Follow asked Aug 13, 2019 at 7:27 Yuki HashimotoYuki Hashimoto 1,07388 silver badges2222 bronze badges 0

Add a ment  | 

1 Answer 1

Sorted by: Reset to default 4

You can have a puted property returning the height of the page:

puted: {
    pageHeight () {
      return document.body.scrollHeight
    }
}

And then use vuetify for scrolling to the bottom like:

$vuetify.goTo(pageHeight)