vue 回到页面顶部（scrollIntoView详解）

1.给顶部的div加一个id

<div id="content">
    <div style="width:100%;height:900px;position:relative">
        <button @click="returnTop" style="position:absolute;bottom:10px;left:0">返回顶部</button>
    </div>
</div>

2.某事件触发，回到顶部

returnTop(){
    content.scrollIntoView()
}

这样就直接返回到页面顶部，真的超级方便

scrollIntoView详解

该scrollIntoView()方法将调用它的元素滚动到浏览器窗口的可见区域。

PS：页面（容器）可滚动时才有用！

• 语法：

element.scrollIntoView（）; // 等同于element.scrollIntoView(true)
element.scrollIntoView（alignToTop）; //布尔参数
element.scrollIntoView（scrollIntoViewOptions）; //对象参数

• 语法参数&