html利用瞄点实现返回顶部的功能

html中利用锚点实现返回顶部的功能

html结构:

简单的设置一下样式:

这样就利用html的原生特性实现了简单点击按钮的返回顶部的功能

html中herf=" #c4"，表示链接到命名为“C4”的锚记位置，C4仅仅为自定义的名字；

锚点是网页制作中超级链接的一种，又叫命名锚记。命名锚记像一个迅速定位器一样是一种页面内的超级链接，运用相当普遍。

使用命名锚记可以在文档中设置标记，这些标记通常放在文档的特定主题处或顶部。然后可以创建到这些命名锚记的链接，这些链接可快速将访问者带到指定位置。

创建到命名锚记的链接的过程分为两步。首先，创建命名锚记，然后创建到该命名锚记的链接。列子：

在HTML页面中适当位置定义如下的锚点： 

<a name="top">这里是TOP部分</a> 

<a name="content">这里是CONTENT部分</a> 

<a name="foot">这里是FOOT部分</a> 

（您可以使用 id 属性来替代 name 属性，命名锚同样有效。[1]） 

对于如上锚点的访问有两种方法 

一种是利用超链接标签<a></a>制作锚点链接，主要用于页面内的锚点访问 

<a href="#top">点击我链接到TOP</a> 

<a href="#content">点击我链接到CONTENT</a> 

<a href="#foot">点击我链接到FOOT</a>

---