a标签 CSS实现回顶部

.go-top{position:fixed;bottom:30px;right:30px;z-index:1000;width:48px;height:48px;display:inline-block;text-align:center;background:#fff;border-radius:6px}

position:fixed 位于浏览器固定位置 且置于上层

.go-top a{display:block}
.go-top a svg{width:30px;height:30px;margin-top:10px;fill:#999} ---加svg图标
.go-top a:hover svg{fill:var(--main-color)}

<div><a href="#top">顶部</a></div>