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); //对象参数
- 语法参数&