利用scrooll函数实现快速返回当前页面顶部
此方法实际上是通过操作scrooll函数用来控制滚动条的位置(代码括号中的第一个参数是左边距,第二个参数是上边距),当滚动条的水平、垂直边距都为0时,当前页面即返回到左上,而一般页面在水平方向是没有滚动条的。如果页面较宽,可通过调整第一个参数实现水平居中返回顶部。
代码如下:
<a href="javascript:scroll(0,0)">返回顶部</a>
演示:“点击此处”即可看到返回当前页顶部效果。
另外还可以利用锚点击返回到顶部,但是要求<a>标签与锚文本在同一页面,如果建站程序的页头是调用的,使用这种方法总是返回首页顶部而不是当前页顶部。代码如下:
<a href="#top" >返回顶部</a>