回到顶部的小技巧

183 阅读1分钟

回到顶部

在网页或文档中,用于帮助用户快速回到页面或文档的顶部

方法一: 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>