How to make smooth scroll in vue.js (not to anchor)?

Question

Vue.js

I have no idea how to make smooth scrolling / scrolling in a vue.js project.

Answer 1

window.scrollTo({
    top: Y,
    left: X,
    behavior: 'smooth'
});

If this option does not suit you, you can requestAnimationFramesolve it with the help. Or do you want the scroll to have "physics" (speed, etc.)?

Answer 2

Hang a scroll handler ( ) on the container of the root component and, for example, do the necessary magic @scroll="method($event)"requestAnimationFrame