回到顶部
在网页或文档中,用于帮助用户快速回到页面或文档的顶部
方法一: href=#
- 在HTML中,
href="#"表示一个超链接,用于跳转到当前页面的顶部。当用户点击这个链接时,页面会自动滚动到顶部。
<a href="#">回到顶部</a>
方法二:href = #id值
- 给页面顶部元素设置一个id值,将返回顶部a链接的href属性指向改id属性的元素
<div id="goTop">我在顶部</div>
<a href="#goTop">回到顶部</a>
方法三: 使用自定义链接锚点
- 在页面顶部定义一个锚点,然后将返回顶部a链接的href属性指向该锚点
<a name="goTop"></a>
<div>我在顶部</div>
<a href="#goTop">回到顶部</a>
方法四:使用简单的JavaScript脚本
- 设置scrollTo(x,y)中的x和y的坐标值来滚动到页面的具体位置
<div>我在顶部</div>
<a href="javascript:window.scrollTo(0,0)">返回顶部</a>