vue滚动条 滚动动画如何实现

如何实现vue滚动条，滚动到置顶位置，如何实现平滑的动画效果。

    methods:{
        Scroll(){
            document.documentElement.scrollTop = document.getElementById('header').offsetWidth;
        },
    }

我滚动的距离是正好一个可视界面的距离，我这个没有平滑的效果，该如何实现

https://www.jianshu.com/p/5e8331ef96c9?from=timeline&isappinstalled=0