第一种：锚点 使用锚点链接是一种简单的返回顶部的功能实现。该实现主要在页面顶部放置一个指定名称的锚点链接，然后在页面下方放置一个返回到该锚点的链接，用户点击该链接即可返回到该锚点所在的顶部位置 第二种：scrollTop scrollTop属性表示被隐藏在内容区域上方 ...

最近在慕课网看了一个案例教程——回到顶部效果（原生js实现） 这个a标签就是用来实现回到顶部的链接,其中 href=”javascript:;”是用来阻止a标签的默认行为，因为我们是要触发点击事件让滚动条回到顶部，而不是跳转页面。当然，如果你将其设置为 href ...

Vue.之.回到顶部 　　当页面出现上下滚动条时，页面右下角出现回到顶部功能。 　　 　　在页面上添加如下DIV（写的CSS内部样式），这个DIV功能：出现滚动条往下滑动，就显示出来，反之隐藏。点击DIV快速回到顶部。 　　在加入EScript代码 ...

1. 回到顶部，使用 scrollIntoView 方法： 　　Element.scrollIntoView方法滚动当前元素，进入浏览器的可见区域　 　　该方法可以接受一个布尔值作为参数。如果为true，表示元素的顶部与当前区域的可见部分的顶部对齐（前提是当前区域可滚动）；如果为false ...

1. 回到顶部，使用 scrollIntoView 方法： 　　Element.scrollIntoView方法滚动当前元素，进入浏览器的可见区域　 　　该方法可以接受一个布尔值作为参数。如果为true，表示元素的顶部与当前区域的可见部分的顶部对齐（前提是当前区域可滚动）；如果为false ...

JS === 实现点击回到顶部 样式： body{height:10000px} // 产生滚动条 .go-2-top{width:50px; height:50px;background:red;cursor:pointer;position:fixed;right:20px;bottom ...

新建一个Top组件 在页面中使用（外层高度给高一点） ...

注意图片需要自行进行引入 ...