vue如何使用velocity实现锚点滚动？

Question

在vue中使用velocity scroll动画不执行，也没有错误提示。

let toElement = document.querySelector(target);
let container = document.querySelector('body');
Velocity(toElement, 'scroll', {
    container: container, 
    duration: 500, 
    offset: -60, 
    easing: 'ease-out'
});

toElement 目标元素，container容器元素

Answer 1

仔细看了下官网的案例，velocity
需要给容器添加关键样式。

max-height: 100vh;
overflow-y: scroll;

这样才能滚动。

自己写了个demo，希望帮到更多的人。

https://codepen.io/xwLyc/pen/WgWyjw?editors=0010