JS返回顶部的几种方法
现在总结一下js返回顶部的几种方法，这里先给出具体代码，来明白js是如何实现返回到顶部这一操作的，然后加入CSS样式，使页面有更好的体验
- 简单方式，锚标记
- 使用scrollTo函数
- JQuery方式
一、锚标记
当使用命名锚（named anchors）时，我们可以创建直接跳至该命名锚（比如页面中某个小节）的链接，这样使用者就无需不停地滚动页面来寻找他们需要的信息了。应用在如下：
- 生成目录
- 返回顶部
- 转到其他页面的锚点
此方法最简单，通过a标签方式，在body下放个隐藏的锚点标记，这个锚点就是点击返回顶部的时候，返回的位置。所以这个标签一般都放在body下面。
内容如下：
<a name="top" id="top"></a>然后，在网页底部放一个指向该锚的链接：
<a href="#top" target="_self">返回顶部</a>完整代码：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>js返回顶部方式-锚</title>
</head>
<body style="height:1000px">
<a name="top" id="top"></a>
<div>
<a href="#top" target="_self" style="position:absolute;bottom:0;top:980px;right:100px;">返回顶部</a>
<div>
</body>
</html>
此方法效果是一次直接跳到顶部（没有渐进和动画效果），而且URL地址栏会显示个#top，追求完美的可使用下面的方法。
二、scrollTo函数
- 定义和用法：
scrollTo() 方法可把内容滚动到指定的坐标。 - 语法：
scrollTo(xpos,ypos); - 参数：
xpos 必需。要在窗口文档显示区左上角显示的文档的 x 坐标。
ypos 必需。要在窗口文档显示区左上角显示的文档的 y 坐标。
根据API我们可以根据该方法返回到顶部，下面请看
代码
这里写代码片
683
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
