最近在做附件查看页面,由于页面太长 需要一键回到顶部的功能 试了很多方法 借鉴了别人的方法才实现 做个备忘
首先a标签 锚点 没有实现 会跳转路由
1 首先需要在页面顶部添加一个div 我是放在根包裹器上
<template>
<div>
<div id="topFlag"></div>
</div>
</template>
然后是事件
goTop() {
const anchorEle = document.querySelector("#topFlag");
if (anchorEle) {
anchorEle.scrollIntoView(true);
}
},
因为我的文件查看页面 有可能高度很高 不需要慢慢回到顶部 所以直接回到 顶部